Skip to content

Combobox

A field that filters a list as you type: Enter picks the first match.

Installation

Default

Combobox items value onValueChange > ComboboxInput, ComboboxContent > ComboboxEmpty, ComboboxList > ComboboxItem value={item}.

Multiple

multiple: ComboboxChips > ComboboxValue of ComboboxChips, then ComboboxChipsInput. 32px chips, 4px in.

With description

A row’s content is yours; the check keeps its column.

Allow custom

allowCustom: the value is an option's value or the typed text. While the query names no option, the last row takes it; Enter picks it once nothing else matches. customLabel and customOptionLabel word those rows.

Virtualized

virtualized: 2,000 members, only the rows in view render. Rows keep to one line.

In a field

Field, label and error around it.

In a dialog

The popup portals above the dialog and keeps focus in it.

States

Placeholder, loading, invalid, read-only, disabled.