1Sponsor

Multi Select

Multi-select list with checkboxes and select-all

Terminal

Installation

pnpm dlx shadcn@latest add https://termcn.dev/r/multi-select.json

Usage

import { MultiSelect } from "@/components/ui/multi-select";
<MultiSelect
  options={[
    { value: "react", label: "React" },
    { value: "vue", label: "Vue" },
    { value: "svelte", label: "Svelte" },
  ]}
  onChange={(values) => {}}
/>

API Reference

MultiSelect

PropTypeDefault
optionsMultiSelectOption<T>[]required
valueT[]undefined
onChange(values: T[]) => voidundefined
onSubmit(values: T[]) => voidundefined
cursorstring"›"
checkmarkstring"◉"
heightnumberundefined