In context
Employee finder, country search across a long list, timezone picker, and a support-ticket router that adapts routing based on the chosen category.
Find a teammate
Type to filter the directory.
Showing 8 active members.
Tax residency
Long list — search instead of scroll.
Determines tax withholding for payroll and contractor payments.
Schedule timezone
Affects daily digestNotifications will use this timezone for delivery windows.
Route my ticket
Long category list routed by typeahead.
Routing to Engineering on-call — typical first response 2h.
Framework selector
<Combobox
options={frameworks}
value={value}
onValueChange={setValue}
placeholder="Select framework…"
/>Disabled state
Pre-selected value
A combobox that initialises with an existing selection.
const [value, setValue] = useState('remix');
<Combobox
options={frameworks}
value={value}
onValueChange={setValue}
placeholder="Select framework…"
/>Inside a form
A combobox paired with a label and help text for use in form layouts.
Choose the framework for your new project.
<label className="text-sm font-medium" htmlFor="framework-combobox">
Framework
</label>
<Combobox
id="framework-combobox"
options={frameworks}
value={value}
onValueChange={setValue}
placeholder="Select framework…"
/>
<p className="text-xs text-muted-foreground">
Choose the framework for your new project.
</p>