Design System v1.0

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.

API reference

A searchable, optionally multi-select picker: an input group plus a portalled popup list, with optional selected-value chips.

Anatomy
ComboboxRoot managing the value, query, and filtering.
ComboboxInputThe combobox input, with optional trigger and clear buttons.
ComboboxContentPortalled, positioned popup panel for the listbox.
ComboboxListScrollable list container holding the items.
ComboboxItemA selectable option; shows a check when selected.
ComboboxGroupWraps related items. Required around a ComboboxLabel.
ComboboxLabelMuted heading for a group of items.
ComboboxCollectionHelper that maps data to combobox items.
ComboboxEmptyMessage shown when no items match the query.
ComboboxSeparatorThin divider between sections.
ComboboxChipsBordered container laying out selected-value chips + input.
ComboboxChipA single selected-value chip with an optional remove button.
ComboboxChipsInputBare inline input used inside the chips container.
ComboboxTriggerButton that toggles the popup; appends a chevron.
ComboboxValueDisplays the current selected value.

Command Palette

Search for a command to run...