Open a sub-component to view its docs and settings.
Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
Search-backed multi-select with removable chips. Queries are debounced, results are rendered in a themed portal, and keyboard navigation follows the combobox pattern.
| Prop | Type | Default | Description |
|---|---|---|---|
value | AsyncMultiSelectOption[] | required | Controlled selection. |
onChange | (options) => void | required | Called when values are added or removed. |
loadOptions | (query) => Promise<AsyncMultiSelectOption[]> | required | Async result loader. |
defaultOptions | AsyncMultiSelectOption[] | [] | Options shown before a query is entered. |
debounceMs | number | 250 | Search debounce. |
minQueryLength | number | 0 | Minimum query before loading. |
max | number | — | Maximum selected values. |
name | string | — | Renders hidden inputs for native form submission. |
size | "sm" | "md" | "lg" | "md" | Control size. |
combobox with aria-expanded, aria-controls, and aria-activedescendant.