Combobox
Form
Hybrid input combining text search with dropdown selection, supporting filtering, custom rendering, and creation flows
Basic Component API
Multiple Selection
Grouped Options
Rich Options (Icons & Descriptions)
Multiple + Rich Options
Creatable Options
Try typing a new framework name and creating it!
Loading State
Props-Based API
Quick Single Select
One-liner component with all options as props
Quick Multiple Select
Props-based with multiple selection
Variant Styles & Sizes
Variants
Sizes
Usage Guidelines
When to Use
- Searchable selection
- Tag creation
- Hybrid input/select
Accessibility
- ARIA combobox pattern
- Screen reader announces open state
Performance
- Virtual scrolling
- Debounced filtering
Common Mistakes
- Not handling no-match gracefully
- Missing create option when needed
Frequently Asked Questions
Combobox combines text input with dropdown selection, allowing both typing and selecting. Select is selection-only.
Yes, Combobox supports creation flows for adding new items that don't exist in the list.
Related Components
View allAutocomplete
Asynchronous search input with debounced queries, virtual scrolling for large datasets, and keyboard-driven selection
Checkbox
Accessible checkbox input with indeterminate state support and form integration
CheckboxGroup
Accessible CheckboxGroup for multi-selection, and form integration
ColorPicker
Color selection component with preset colors, HEX/RGB/HSL input, and visual picker interface