The Email component can be used to collect email addresses from users. It is a text field that validates the input against a regular expression pattern to ensure the input is a valid email address. It can be configured to be read-only, disabled, required, and can have a placeholder, helper text, and default value.
Examples
A simple email input field with basic validation
Form Data:
{}Field Properties
Properties used by this field (inside meta field in schema)
| Name | Description | Type |
|---|---|---|
| displayName | The label shown above the text field | string |
| displayType | The type of the field to be displayed | string |
| placeholder | The hint shown in the text field | string |
| readOnly | A readonly field is not editable and value cannot be changed | boolean |
| isDisabled | A disabled field is not editable and value cannot be changed | boolean |
| required | Indicates whether the field is mandatory | boolean |
| pattern | A regex pattern that the field value must match | string |
| description | Helper text or additional description shown below the text field | string |
| value | The default value of the field | string |
| overrideDynamicSupport | To override the default behavior of showing static and dynamic options | boolean |