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
isboth
orinline
, 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
islist
ornone
, 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