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)

TypeDefaultHover
Simple
Select Item
Select Item
Custom
Select ItemSelect Description
Select ItemSelect Description

Trigger states

List structures

Figma playground: 17085:197681

Props

NameTypeDefaultDescription
optionsArray<{ value: string; label: string }>—List of selectable options
placeholderstring—Placeholder text for the input
searchPlaceholderstring—Placeholder text for the search input

Examples

Basic Combobox