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.
SourceReact
Solid
Vue
Angular
Svelte
Preact
Qwik
Lit
Alpine.js
Ember
Next.js
<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>