Combobox
A searchable select for choosing from long option lists.
Default
A searchable single-select combobox.
Option groups
A combobox whose results are split into groups.
Search with add button
A combobox that lets users create a new option.
Multiple (expandable chips)
A multi-select combobox showing selections as chips.
Main Building
Warehouse B
+3 more
API reference
A searchable, optionally multi-select picker: an input group plus a portalled popup list, with optional selected-value chips.
Anatomy
Combobox | Root managing the value, query, and filtering. |
ComboboxInput | The combobox input, with optional trigger and clear buttons. |
ComboboxContent | Portalled, positioned popup panel for the listbox. |
ComboboxList | Scrollable list container holding the items. |
ComboboxItem | A selectable option; shows a check when selected. |
ComboboxGroup | Wraps related items. Required around a ComboboxLabel. |
ComboboxLabel | Muted heading for a group of items. |
ComboboxCollection | Helper that maps data to combobox items. |
ComboboxEmpty | Message shown when no items match the query. |
ComboboxSeparator | Thin divider between sections. |
ComboboxChips | Bordered container laying out selected-value chips + input. |
ComboboxChip | A single selected-value chip with an optional remove button. |
ComboboxChipsInput | Bare inline input used inside the chips container. |
ComboboxTrigger | Button that toggles the popup; appends a chevron. |
ComboboxValue | Displays the current selected value. |