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 |