Select
By default, Select stretches to full width on small devices.
For Select inputs that need to remain full width on all devices, use the fullWidth prop.
Examples
RTL
with label
Props
Name | Type | Required | Default | Description |
---|---|---|---|---|
size | large | xLarge | No | large | The option's value. |
label | JSX.Element | string | No | - | Label title |
placeholderSlot | JSX.Element | string | No | - | Placeholder |
headerSlot | JSX.Element | No | - | Header element slot. |
footerSlot | JSX.Element | No | - | Footer element slot. |
menuWidth | number | No | _ | Options container width |
leftSlot | JSX.Element | No | _ | Left content for selected option |
leftSlot | JSX.Element | No | _ | Inform message under select |
amountOfVisibleItems | number | No | _ | Set amount of visible options in multi select, all other will be hide under counter |
isError | boolean | No | _ | Set valid/not valid select |
isDisabled | boolean | No | _ | Is the select disabled |
isMulti | boolean | No | _ | Support multiple selected options |
isSearchable | boolean | No | _ | Whether to enable search functionality |
closeMenuOnSelect | boolean | No | false | Close the select menu when the user selects an option |