ariakit/ariakit @ariakit/react-core@0.3.8

on GitHub

Multi-selectable Combobox

We've added support for the Combobox with multiple selection capabilities using a new selectedValue prop, along with defaultSelectedValue and setSelectedValue.

This works similarly to the value prop on Select components. If it receives an array, the combobox will allow multiple selections. By default, it's a string that represents the selected value in a single-select combobox.

Check out the Multi-selectable Combobox example to see it in action.

New Combobox components

This version introduces new Combobox components:

• ComboboxLabel: This renders a label element for a Combobox, with the htmlFor prop set automatically.
• ComboboxItemCheck: This displays a checkmark for a ComboboxItem when the item is selected.

Other updates

• Added resetValueOnSelect state to Combobox components.
• Added selectValueOnClick prop to ComboboxItem.
• Fixed SelectItem rendering an aria-selected attribute even when the value prop is omitted.
• Updated dependencies: @ariakit/core@0.3.7