Combobox

Combobox pairs a filterable text input with a listbox for picking one or many options from a large set.

Declare options as ComboboxOption children, bind both display text and selected_options, and enable multiselect or clearable when the UX requires it. Use Select for short native lists and AutoComplete when free text is allowed.

  • Searchable dropdowns with many options
  • Multi-select tag-style pickers
  • Forms where users type to narrow choices from a fixed set
  • Bind typed text and selected values via ComboboxBind — both value and selected_options.
  • Add ComboboxOption or grouped options with ComboboxOptionGroup.
  • Set appearance.multiselect for toggle-style multi pick.
Basic combobox

Searchable single-select dropdown; typing filters the option list as users narrow choices.

Clearable

Shows a clear icon when a value is selected so users can reset the field in one click.

Disabled

Blocks typing, opening the list, and selection when the field is unavailable or read-only.

Multiselect

Toggle multiple options on and off; selected values stay in the bound list until cleared or toggled again.

Option groups

Organizes long option lists under labeled sections so users can scan related choices faster.

Size matrix

Small, medium, and large presets for dense toolbars versus prominent form fields.

In field

Combobox nested in a Field with an associated label for standard form layouts.