ComponentsComboboxComboboxInput

ComboboxInput

Renders a combobox input

Optional props

asChild

Enable children composition

type
boolean
default
false

autoSelect

Determines if the first enabled item will be automatically focused when the combobox input value changes. If set to true or "always", the exact behavior hinges on the value of the autoComplete prop:

  • If autoComplete is both or inline, the first enabled item is automatically focused as the user types in the input. The value gets appended with the completion string if it matches. The inline completion string will be highlighted and selected.
  • If autoComplete is list or none, the first enabled item is automatically focused as the user types in the input, but the input value is not appended with the item value.

If set to "always", the first enabled item is auto-highlighted when the combobox list opens, not just when the input value changes.

To change which item gets auto-selected, use the getAutoSelectId prop.

Live examples:

type
boolean
always
default
false