Multi Select
Choose more than one option from a short, fixed list.
Multiple
Use MultiSelect for a short, known list when people can choose more than one value. It stays open while options are toggled and summarizes more than one choice as a count.
With icons
Use a trailing shared Checkbox when a leading Central Icon identifies each option.
Long list
Long lists use ScrollArea with the shared fade treatment. Use Combobox when searching is useful.
Best practices
When to use
- Use when people choose more than one value from a known list, such as models, regions, scopes, or tags.
- Use Select for one value, Combobox when filtering is central, and Switch for a single boolean setting.
Behavior
- Keep the popup open while options are toggled and summarize multiple selections with a count in the trigger.
Accessibility
- Give each option a name that identifies the item being selected, not merely “Select”.