ComboBox

A combo box combines a text input with a listbox, allowing users to filter a list of options to items matching a query.

Component props

Name	Type	Description
items	any[]	Array of items to display
inputValue	string	Controlled input value
defaultInputValue	string	Default input value
selectedKey	string	Controlled selected key
defaultSelectedKey	string	Default selected key
isDisabled	boolean	Disables the combobox
onInputChange	(value: string) => void	Called when input changes
onSelectionChange	(key: string) => void	Called when selection changes
renderEmptyState	Function	Render function for empty state

Name

Type

Description

items

any[]

Array of items to display

inputValue

string

Controlled input value

defaultInputValue

string

Default input value

selectedKey

string

Controlled selected key

defaultSelectedKey

string

Default selected key

isDisabled

boolean

Disables the combobox

onInputChange

(value: string) => void

Called when input changes

onSelectionChange

(key: string) => void

Called when selection changes

renderEmptyState

Function

Render function for empty state