Select
The select field is used to display a dropdown in the form.
Examples
A basic select dropdown with validation
Form Data:
{}Props
Meta object
The Meta (meta) object contains properties that define the display characteristics and behavior of the section.
| Name | Description | Type |
|---|---|---|
| displayName | The name to display as the section header | string |
| description | A description text to display under the header | string |
| displayProps | Additional properties to control display settings | object |
| validation | Validation rules for the section | object |
| options | The options to display in the dropdown | array |
| dependencies | Conditions that must be met for the section to be displayed | object |
| value | The default value for the select field | string |
| isDisabled | Whether the field is disabled | boolean |
| readOnly | A readonly field is not editable and value cannot be changed | boolean |
| className | Additional CSS class names to apply to the section | string |
Common Validation Properties
| Field | Description |
|---|---|
| required | Marks a field as mandatory |
| pattern | Adds a pattern validation for the field. For email, pattern is supported by default |
| patternDetail | Contains info msg and error msg for pattern validation property |
| min | For Textbox fields, it is the minimum number of characters required for the field. For number fields, it is the minimum value allowed |
| max | For Textbox fields, it is the maximum number of characters allowed. For number fields, it is the maximum value allowed |
| minDetail | Contains error and info msg for min validation property |
| maxDetail | Contains error and info msg for max validation property |
| requiredDetail | Contains info msgs about the required validation property |