forms contract

Combobox

Searchable dropdown for >30 options. Filters as the user types.

Variants

  • single
  • multiple
  • creatable

Sizes

  • md
  • lg

Slots

  • empty
  • footer

Example

<Combobox value={user} onChange={setUser} options={users} renderOption={(u) => <UserRow {...u} />} />

Usage rule

role="combobox" + aria-expanded + aria-controls + aria-activedescendant.

The full Combobox contract has 5 more rules, plus the do-not patterns. Get the full recipe.

Get the Combobox contract in your project.