Combobox Component

A searchable dropdown component with autocomplete functionality.

Basic Usage

The standard Combobox with search functionality.

Explore the various features of the Combobox component.

Clearable

Loading State

Type something to see loading state

Grouped Options

Disabled

Disabled combobox

Combobox comes in different sizes to fit your design needs.

Small

Medium (Default)

Large

Complete documentation of the Combobox component props.

Prop	Description	Type	Default
options	Array of options to display in the dropdown	ComboboxOption[]	Required
value	Currently selected value (controlled)	string	-
onChange	Callback when selection changes	(value: string) => void	-
onInputChange	Callback when search input changes	(value: string) => void	-
placeholder	Text to display when no option is selected	string	"Select an option"
disabled	Whether the combobox is disabled	boolean	false
error	Whether to show error styling	boolean	false
clearable	Whether to show a clear button	boolean	false
searchable	Whether to enable search functionality	boolean	true
loading	Whether to show loading indicator	boolean	false
groupBy	Whether to group options by their group property	boolean	false
size	Size of the combobox component	"sm" \| "md" \| "lg"	"md"