Combobox

Comboboxes mix freeform search with constrained option selection.

Input Mode

Input mode works well when the control should feel like a searchable text field with inline suggestions.

Sizes

The combobox input and option list follow the same sizing rhythm as select so searchable controls can align with adjacent fields.

Widths

Combobox input controls use their content width by default. Add a width utility to the input when the control should be fixed-width or fill its parent.

Popup Mode

Popup mode is a better fit when the trigger should behave more like a select than a text field.

Multiple Selection

Chips are useful when the chosen options need to remain visible after selection.

Grouped Options

Grouped content is useful when the option list should be organized into labeled collections.

Higher-Level Input API

ComboboxInput provides a field-style API for the common single and async loading cases.

API reference

Combobox wraps Base UI Combobox. Use the Base UI API reference for lower-level primitive props, filtering behavior, popup positioning, and multiple-selection details.