Select
Displays a list of options for the user to pick from—triggered by a button.
With label
Select
With search
Select
Loading
Select
Custom display
Select
Scrollable
Fullscreen mode
Select
Component props
| Name | Type | Description |
|---|---|---|
| value | string | number | Controlled selected value |
| defaultValue | string | number | Default selected value |
| label | string | Label text displayed above the select |
| placeholder | string | Placeholder text when no selection |
| isLoading | boolean | Shows loading indicator |
| isDisabled | boolean | Disables the select |
| isFullscreen | boolean | Opens options in fullscreen mode |
| allowSearch | boolean | Enables search within options |
| searchValue | string | Controlled search field value |
| searchDelay | number | Debounce delay for search |
| maxHeight | string | number | Max height of the dropdown list |
| showIcon | boolean | Show chevron icon on trigger button (default: true) |
| onChange | (value: any) => void | Called when selection changes |
| onSearch | (value: string) => void | Called when search value changes |
| renderValue | ReactNode | Function | Custom render for selected value |
| buttonProps | ButtonProps | Props passed to the trigger button |
| listProps | ListProps | Props passed to the list component |
| popoverProps | PopoverProps | Props passed to the popover |