Multi Select
stableLets users choose multiple options from a searchable dropdown list.
Basic usage
Examples
Controlled with max selection
Track selected values externally and cap the selection count.
Selected: react
Selected chips and overflow
Selected values render in the trigger and can collapse into an overflow count.
Features
- Can be controlled or uncontrolled.
- Shows selected values in the trigger.
- Supports search, creation and virtualized option rendering.
- Keeps the listbox open while toggling options.
Installation
bash
pnpm dlx structyl add multi-selectAPI Reference
Multi Select API reference
Full props, types, defaults, and all 16 parts.
Keyboard interactions
Adheres to the WAI-ARIA design pattern .
| Key | Description |
|---|---|
| Space / Enter | Opens the multi-select / toggles the focused item. |
| ArrowDown / ArrowUp | Moves focus between options. |
| Esc | Closes the multi-select. |