Components
Combobox
ComboboxItem

ComboboxItem

Renders an item for the combobox

Optional props

asChild

Enable children composition

type
boolean
default
false

value

The value of the item. This will be rendered as the children by default.

  • If setValueOnClick is set to true, this will be the value of the combobox input when the user clicks on this item.
  • If selectValueOnClick is set to true, this will be the value of the selectedValue state.
  • If the autoComplete prop on the Combobox component is set to both or inline, this will be the value of the combobox input when the combobox loses focus.

Live examples:

type
string
default
null

disabled

Determines if the element is disabled. This sets the aria-disabled attribute accordingly, enabling support for all elements, including those that don't support the native disabled attribute.

This feature can be combined with the accessibleWhenDisabled prop to make disabled elements still accessible via keyboard.

Note: For this prop to work, the focusable prop must be set to true, if it's not set by default.

Live examples:

type
boolean
default
false