- Accordion
- AI Elements
- Alert
- Alert Dialog
- Avatar
- Badge
- Breadcrumb
- Button
- ButtonGroup
- Calendar
- Card
- Carousel
- Chart
- Checkbox
- Collapsible
- Combobox
- Command
- Date Picker
- Dialog
- Dropdown Menu
- Field
- File Picker
- Input
- InputGroup
- InputOTP
- Loader
- Menubar
- Pagination
- Popover
- Progress
- Radio Group
- Resizable
- Scroll Area
- Select
- Sheet
- Sonner
- Table
- Tabs
- Textarea
- Toggle
- Tooltip
Combobox
Combined input and dropdown for searching and selecting from a list. Supports async search, custom filtering, empty states, and grouped options.
Figma: DS-001 Foundations · MenuItem 17379:199232
Import
Live Demo
Searchable dropdown combining input and selection.
Menu item variants matrix (Figma 17379:199232)
| Type | Default | Hover |
|---|---|---|
| Simple | Select Item | Select Item |
| Custom | Select ItemSelect Description | Select ItemSelect Description |
Trigger states
Next.js
List structures
Figma playground: 17085:197681
Props
| Name | Type | Default | Description |
|---|---|---|---|
| options | Array<{ value: string; label: string }> | — | List of selectable options |
| placeholder | string | — | Placeholder text for the input |
| searchPlaceholder | string | — | Placeholder text for the search input |