Multi Select
The Multiselect (multiselect) component can be used, to select multiple values, using the Material-UI autocomplete component.
Examples
A basic multi-select with required validation
Form Data:
{}Field Property
| Name | Description | Type |
|---|---|---|
| isDisabled | A boolean indicating whether the multiselect control is disabled. | boolean |
| description | A string providing additional information or instructions about the multiselect control. | string |
| required | A boolean indicating if the multiselect control is required. | boolean |
| value | The initial value of the multiselect control. It should be an array of selected items. | array |
| displayName | The display name of the multiselect control, shown as a label or header. | string |
| name | The unique identifier for the multiselect control instance. | string |
| displayType | The type of control, which is "multiselect" in this case. | string |
| readOnly | A readonly field is not editable and value cannot be changed | boolean |
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 |