forms contract
MultiSelect
Pick multiple from a list. Renders selections as chips inside the trigger.
Variants
- chips
- Selected items render as removable chips in the trigger
- count
- "3 selected" summary instead of chips — saves space
Sizes
- md
- 36pt min, grows with chips
- lg
- 44pt min
Example
<MultiSelect value={tags} onChange={setTags} options={allTags} />Usage rule
Selecting toggles in place — never close the panel after each selection.
The full MultiSelect contract has 4 more rules, plus the do-not patterns. Get the full recipe.