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; both the committed value and the open state work uncontrolled or controlled.

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