CtrlK

Combobox

Input with selectable options and search.

Example

With Many Options

With Disabled Options

Disabled

Install

The Combobox is built using a composition of the Popover and Command components.

API Reference

Prop	Type	Default	Description
`options`	`ComboboxOption[]`	—	Array of option objects with `value` and `label` (required)
`value`	`string`	—	Selected value (for controlled component)
`onValueChange`	`(value: string) => void`	—	Callback when value changes
`placeholder`	`string`	`"Select option..."`	Placeholder text for the input
`searchPlaceholder`	`string`	`"Search..."`	Placeholder text for the search input
`emptyText`	`string`	`"No results found."`	Text to show when no results found
`disabled`	`boolean`	`false`	Disable the combobox
`className`	`string`	—	Additional CSS classes

ComboboxOption Property	Type	Required	Description
`value`	`string`	✓	Unique value for the option (required)
`label`	`string`	✓	Display text for the option (required)
`disabled`	`boolean`	—	Disable this specific option