How should I implement a multi-select dropdown box? It seems that the only one available now is the [Select] single choice one.

[gkj17]

How should I implement a multi-select dropdown box? It seems that the only one available now is the [Select] single choice one.

[asyncLiz]

Our select component implements the aria combobox select-only pattern, which is single-select.

A multi-select component is much more complicated, but the tl;dr would be to use an aria menu button pattern and an aria multi-select listbox.

With our components, you can build this using field (so it looks like a select/text field), menu's surface position controller (for the pop-up), and a customized list with list items (and aria attributes on them to indicate multi-selection).

It's not an easy component to build, which is why we don't have it yet 😔