MultiSelect
inputsAn input component for selecting multiple options from a dropdown list.
Preview
Installation
npm install @launchapp/design-systemImport
import { MultiSelect } from "@launchapp/design-system";Examples
Multi Select
const frameworks = [ { value: "react", label: "React" }, { value: "vue", label: "Vue" }, { value: "angular", label: "Angular" }, { value: "svelte", label: "Svelte" },];<MultiSelect options={frameworks} placeholder="Select frameworks..." maxCount={2}/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
options* | MultiSelectOption[] | — | Array of options with value and label. |
value | string[] | — | Controlled selected values. |
onValueChange | (values: string[]) => void | — | Callback when selection changes. |
placeholder | string | "Select options..." | Placeholder text. |
maxCount | number | — | Maximum number of badge chips to show before collapsing. |
disabled | boolean | false | Disables the multi-select. |