Combobox isDisabled prop
Use the isDisabled prop to disable the Combobox and prevent user interaction.
shadcn/ui · Components · all subjects
combobox/props
13 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.
Combobox multiple selection props
To enable multiple selection in Combobox: set selectionMode="multiple", use the value prop to store selected items as an array, use onChange to update the selection, and use ComboboxChips with ComboboxChipList and ComboboxChipsInput for the UI.
Combobox allowsEmptyCollection prop
Use the allowsEmptyCollection prop to allow the Combobox list to be empty without selecting a value.
Combobox isInvalid prop
Use the isInvalid prop to mark the Combobox as invalid, providing visual feedback for validation errors.
Combobox itemToStringValue prop for custom objects
Use the itemToStringValue prop to handle items that are objects instead of strings. Pass a function that returns the string value for each item, for example: itemToStringValue={(framework) => framework.label}
Combobox autoHighlight prop
Use the autoHighlight prop to automatically highlight the first item on filter.
Combobox items prop
The items prop specifies the array of items to display in the combobox list.
Combobox itemToStringValue prop
The itemToStringValue prop is a function that converts an item to its string value for filtering. Use this when your items are objects instead of strings.
Combobox value and onValueChange props
The value prop holds the selected value(s), and onValueChange is a callback that fires when the value changes. When multiple is true, value is a string array.
Combobox showClear prop
Use the showClear prop to show a clear button in the combobox.
Combobox multiple prop
Use the multiple prop to enable multi-select behavior in the combobox.
Combobox disabled prop
Use the disabled prop to disable the combobox.
Combobox aria-invalid prop
Use the aria-invalid prop to make the combobox invalid.