Multi Select
Searchable multi-value dropdown with removable chips, keyboard navigation, select all/clear and a max-selection limit.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
MultiSelectProps
Also accepts all props of Omit<React.ComponentProps<"div">, "onChange" | "defaultValue">
| Prop | Type | Default | Description |
|---|---|---|---|
| options* required | MultiSelectOption[] | — | — |
| value | string[] | — | — |
| defaultValue | string[] | [] | — |
| onValueChange | (value: string[]) => void | — | — |
| placeholder | string | "Select options…" | — |
| emptyText | string | "No matching options." | — |
| max | number | — | Maximum number of selectable options |
| disabled | boolean | false | — |
| defaultOpen | boolean | false | Opens without moving focus, handy for static previews |
Install
$ npx shadcn@latest add https://chromotion.dev/r/multi-select.json