MultiSelect

When to use

Use when users can select multiple options from a list. Shows selected items as chips.

Guidelines

  • Show selections as chips: Use the display="chip" prop so users see what they have selected.
  • Search filter: Enable the built-in filter for long option lists.
  • Clear all: Provide a way to deselect everything at once.

How it works

Select categories...

Selected: []