Combobox

A versatile input component that combines a text input with a listbox, allowing users to filter a list of options and select single or multiple values.

Source

Select framework

Examples

Variants

Use the variant prop to change the style of the select component.

Select framework

Sizes

Use the size prop to change the size of the combobox component.

Select framework

Option Group

Use the ComboboxItemGroup component to group combobox options.

Select framework

Disabled

Use the disabled prop to disable combobox component.

Select framework

Invalid

Here's an example of how to compose the Combobox component with the Field component to display an error state.

Select framework

This is an error

Multiple

Use the multiple prop to allow multiple selections.

Select framework

Positioning

Use the positioning prop to control the underlying floating-ui options of the combobox component.

Select framework