Data Entry
Select
Select allows the user to enter and edit text.
When to use
Description to when to use
- Option
- Option
- Option
Examples
Descripción de prueba
Select de pruebaDescripción de prueba
API
| Property | Description | Type | Required | Default | Version |
|---|---|---|---|---|---|
| autoComplete | One of the allowed types is selected for the component InputAutoComplete. | InputAutoComplete | No | off | 2023.9.1 |
| defaultValue | Default value of the input. Provide this if the input should be an uncontrolled component which tracks its current state internally; otherwise, use value. | Any | No | - | 2023.9.1 |
| description | Additional hint text below the field. | String | No | - | 2023.9.1 |
| disabled | Whether the input is disabled. | Boolean | No | false | 2023.9.1 |
| label | The label associated with the field. | String | No | - | 2023.9.1 |
| leading | Element after the input text, within the input border. | React.JSX.Element | No | - | 2023.9.1 |
| name | Field name. | String | Yes | - | 2023.9.1 |
| placeholder | Placeholder text for the input. If using this instead of a label (which is not recommended), be sure to provide an aria-label for screen reader users. | String | No | - | 2023.9.1 |
| required | Marks the Field as required. If true, an asterisk will be appended to the label, and aria-required will be set on the Field's child. | Boolean | No | false | 2023.9.1 |
| status | A message about the validation state. By default, this is an error message, but it can be a success, warning, or custom message by setting validation state. | String | No | - | 2023.9.1 |
| trailing | Element before the input text, within the input border. | React.JSX.Element | No | - | 2023.9.1 |
| type | One of the allowed types is selected for the component InputType. | InputType | No | text | 2023.9.1 |
| value | Current value of the input. Provide this if the input is a controlled component where you are maintaining its current state; otherwise, use defaultValue. | Any | No | - | 2023.9.1 |
| onChange | Callback when the user enters a value. | React.ChangeEvent<HTMLInputElement> | No | - | 2023.9.1 |