Combobox is used to search and choose from suggested values.
tsx
import { ComboboxRoot, ComboboxInput } from "@/components/aspekt/combobox";const items = ["React", "Next.js", "Svelte", "Vue", "Astro"]; <ComboboxRoot items={items} defaultValue="React"> <ComboboxInputGroup> <ComboboxInput placeholder="Search frameworks" /> <ComboboxClear /> <ComboboxTrigger /> </ComboboxInputGroup> <ComboboxPortal> <ComboboxPositioner> <ComboboxPopup> <ComboboxList> {(item: string) => ( <ComboboxItem key={item} value={item}> {item} </ComboboxItem> )} </ComboboxList> <ComboboxEmpty>No results</ComboboxEmpty> </ComboboxPopup> </ComboboxPositioner> </ComboboxPortal></ComboboxRoot>