MultiSelect
Dropdown that allows selecting multiple values from a comma-separated option list.
Basic Selection
Default multi-select with a simple list of options.
Select fruits...
With Label
Labeled multi-select for form contexts with clear field identification.
Pick your skills...
Departments
Assign team members to multiple departments at once.
Assign departments...
Languages
Select spoken languages for a user profile or preferences form.
Choose languages...
Project Roles
Use in a project settings form to assign multiple roles.
Select roles...
Dietary Preferences
Restaurant or meal planning form with dietary restrictions.
Select preferences...
Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
options | text | "" | Comma-separated list of selectable options |
placeholder | text | "Select..." | Placeholder text when nothing is selected |
label | text | "" | Label text above the multi-select |