Function Combobox

Editable combobox (input + listbox) implementing the APG pattern. Compose with <ComboboxInput>, <ComboboxList>, and <ComboboxOption>. The enhancer adds filtering, aria-activedescendant navigation, and selection; the committed value works uncontrolled (defaultValue) or controlled (value + onValueChange).

<Combobox value={fruit} onValueChange={setFruit}>
  <ComboboxInput placeholder="Search…" />
  <ComboboxList>
    <ComboboxOption value="apple">Apple</ComboboxOption>
    <ComboboxOption value="banana">Banana</ComboboxOption>
  </ComboboxList>
</Combobox>
Copy