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

<ComboboxRoot
  collection={collection}
  onInputValueChange={(e) => filter(e.inputValue)}
>
  <ComboboxLabel>Select framework</ComboboxLabel>
  <ComboboxInput placeholder="Type to search" />
  <ComboboxContent>
    {collection.items.map((item) => (
      <ComboboxItem key={item.value} item={item.value}>
        {item.label}
      </ComboboxItem>
    ))}
  </ComboboxContent>
</ComboboxRoot>