Combobox
Navigation
A searchable select component with keyboard navigation, multi-select support, and animated dropdown. Features search highlighting, loading state, and customizable options.
Loading preview...
Customize
Mode:
Label
Placeholder
Disabled
Loading
Props
| Prop | Type | Default | Description |
|---|---|---|---|
options | ComboboxOption[] | [] | Array of options with value, label, and optional disabled flag. |
value | string | string[] | undefined | Selected value(s). String for single mode, array for multiple. |
onChange | (value: string | string[]) => void | undefined | Callback fired when selection changes. |
placeholder | string | 'Search...' | Placeholder text for the search input. |
label | string | undefined | Label text displayed above the input. |
disabled | boolean | false | Disables the combobox. |
mode | 'single' | 'multiple' | 'single' | Selection mode: single or multiple. |
loading | boolean | false | Shows loading spinner instead of search icon. |
emptyMessage | string | 'No results found' | Message displayed when no options match the search. |
className | string | '' | Additional CSS classes. |