How to use the @covalent/dynamic-forms.TdDynamicType.Text function in @covalent/dynamic-forms

To help you get started, we’ve selected a few @covalent/dynamic-forms examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github Teradata / covalent / src / app / components / components / component-demos / dynamic-forms / dynamic-forms.component.ts View on Github external
isMinMaxLengthSupported(type: TdDynamicElement | TdDynamicType): boolean {
    return type === TdDynamicElement.Input || type === TdDynamicType.Text;
  }
github Teradata / covalent / src / app / components / components / dynamic-forms / dynamic-forms.component.ts View on Github external
isMinMaxLengthSupported(type: TdDynamicElement | TdDynamicType): boolean {
    return type === TdDynamicElement.Input || type === TdDynamicType.Text;
  }
github Teradata / covalent / src / app / components / components / component-demos / dynamic-forms / dynamic-forms.component.ts View on Github external
label: 'Input Label',
      type: TdDynamicElement.Input,
      required: true,
      flex: 50,
    },
    {
      name: 'text-length',
      label: 'Text Length',
      type: TdDynamicElement.Input,
      minLength: 4,
      maxLength: 12,
      flex: 50,
    },
    {
      name: 'text',
      type: TdDynamicType.Text,
      required: false,
      default: 'Default',
      flex: 50,
      disabled: true,
    },
    {
      name: 'textarea',
      hint: 'this is a textarea hint',
      type: TdDynamicElement.Textarea,
      required: false,
    },
    {
      name: 'required-password',
      label: 'Password Label',
      type: TdDynamicElement.Password,
      required: true,
github Teradata / covalent / src / app / components / components / component-demos / dynamic-forms / dynamic-forms.component.ts View on Github external
];

  dateElements: ITdDynamicElementConfig[] = [
    {
      name: 'date-input',
      label: 'Select a date',
      hint: 'this is a datepicker hint',
      type: TdDynamicElement.Datepicker,
      min: new Date(2018, 1, 1).setHours(0, 0, 0, 0),
    },
  ];

  dynamicElements: ITdDynamicElementConfig[] = [
    {
      name: 'element-0',
      type: TdDynamicType.Text,
      required: true,
      flex: 80,
    },
    {
      name: 'element-1',
      type: TdDynamicType.Number,
      required: false,
      max: 30,
      flex: 20,
    },
  ];

  customElements: ITdDynamicElementConfig[] = [
    {
      name: 'custom',
      type: TdTestDynamicComponent,
github Teradata / covalent / src / app / components / components / dynamic-forms / dynamic-forms.component.ts View on Github external
label: 'Input Label',
      type: TdDynamicElement.Input,
      required: true,
      flex: 50,
    },
    {
      name: 'text-length',
      label: 'Text Length',
      type: TdDynamicElement.Input,
      minLength: 4,
      maxLength: 12,
      flex: 50,
    },
    {
      name: 'text',
      type: TdDynamicType.Text,
      required: false,
      default: 'Default',
      flex: 50,
      disabled: true,
    },
    {
      name: 'textarea',
      hint: 'this is a textarea hint',
      type: TdDynamicElement.Textarea,
      required: false,
    },
    {
      name: 'required-password',
      label: 'Password Label',
      type: TdDynamicElement.Password,
      required: true,
github Teradata / covalent / src / app / content / components / component-demos / dynamic-forms / demos / dynamic-forms-demo-basic / dynamic-forms-demo-basic.component.ts View on Github external
label: 'Input Label',
      type: TdDynamicElement.Input,
      required: true,
      flex: 50,
    },
    {
      name: 'text-length',
      label: 'Text Length',
      type: TdDynamicElement.Input,
      minLength: 4,
      maxLength: 12,
      flex: 50,
    },
    {
      name: 'text',
      type: TdDynamicType.Text,
      required: false,
      default: 'Default',
      flex: 50,
      disabled: true,
    },
    {
      name: 'textarea',
      hint: 'this is a textarea hint',
      type: TdDynamicElement.Textarea,
      required: false,
    },
    {
      name: 'required-password',
      label: 'Password Label',
      type: TdDynamicElement.Password,
      required: true,
github Teradata / covalent / src / app / components / components / dynamic-forms / dynamic-forms.component.ts View on Github external
];

  dateElements: ITdDynamicElementConfig[] = [
    {
      name: 'date-input',
      label: 'Select a date',
      hint: 'this is a datepicker hint',
      type: TdDynamicElement.Datepicker,
      min: new Date(2018, 1, 1).setHours(0, 0, 0, 0),
    },
  ];

  dynamicElements: ITdDynamicElementConfig[] = [
    {
      name: 'element-0',
      type: TdDynamicType.Text,
      required: true,
      flex: 80,
    },
    {
      name: 'element-1',
      type: TdDynamicType.Number,
      required: false,
      max: 30,
      flex: 20,
    },
  ];

  customElements: ITdDynamicElementConfig[] = [
    {
      name: 'custom',
      type: TdTestDynamicComponent,