Components / Controls
Multi-select
Several values from a list, summarised in the trigger.
@fabrials/ui
Providers
Installation
Import the control from
@fabrials/ui, after setting the app up.TypeScript import { MultiSelect } from "@fabrials/ui";
API reference
| Prop / export | Type | Description |
|---|---|---|
id / label | string | Connects the visible label. |
options | { value, label }[] | The choices. |
value / onValueChange | string[] / (value) => void | Controlled selection. |
placeholder | string | Shown when nothing is selected, "Any" by default. |
Behavior
Use it for filters. For a single value, use Select.
Accessibility
Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.