form · Normal DOM only

MultiSelect

Pick many values from a list. Chip-summary in the trigger; cmdk-backed search; "Clear all" footer.

Use for tags, recipients, filter inclusions. For exactly-one use Combobox. For ≤ 4 fixed inclusions consider a row of Checkboxes — they're cheaper to scan.

Install

Pull from the workspace packages (already available if you ran pnpm add):

ts
import { MultiSelect } from '@8maverik8/twenty-design';

Examples

Tags

tsx
<MultiSelect value={tags} onChange={setTags} options={[…]} />

Guidelines

✓
Show the picked values as chips inside the trigger.Hiding the selection forces the user to open the popover to recall it.
✓
Always provide a "Clear all" affordance.Multi-pick lists accumulate; an escape hatch keeps users moving fast.
✕
Use MultiSelect for ordered selections.It does not preserve order; if order matters use a sortable list / drag-handle UI.