Select
A compact choice field with a keyboard friendly menu.
Select several values while keeping the field readable.
npx shadcn@latest add @silicon-ui/multi-selectnpx shadcn@latest add @silicon-ui/multi-selectInstall the dependencies.
npm install lucide-react motionCopy these files into your project. Shared files are skipped if you already have them.
components/silicon-ui/multi-select/multi-select.tsxcomponents/silicon-ui/multi-select/multi-select.module.cssInstall the foundation once per app for the design and motion tokens: npx shadcn@latest add @silicon-ui/silicon-foundation
| Prop | Type | Default |
|---|---|---|
label* | string | — |
options* | MultiSelectOption[] | — |
value | string[] | — |
defaultValue | string[] | [] |
onValueChange | (value: string[]) => void | — |
placeholder | string | "Select options" |
description | string | — |
maxVisible | number | 2 |
disabled | boolean | false |
className | string | — |