MultiSelect

API reference and demos for MultiSelect.

Source

Import

import { MultiSelect } from "@flanksource/clicky-ui/components";

Demos

Default · Open in Storybook

Playground · Open in Storybook

Faceted · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
ariaLabel	string	—	Accessible name for the trigger. Use when the field is labelled elsewhere so the trigger doesn't have to borrow `placeholder` for its name (which would force a synthesized placeholder).
className	string	—	Classes applied to the root wrapper.
disabled	boolean	—	Disables opening and changing selections.
facets	{ key: string; label: string; labels?: Record<string, string>; }[]	[]	Named facets displayed above the choices, with counts computed from all options.
menuClassName	string	—	Classes applied to the popover menu.
onChange*	(…) => void	—	Called with the complete next value array after each toggle.
options*	MultiSelectOption[]	—	Available options, rendered in the order provided.
placeholder	string	Select options	Trigger text when nothing is selected. Also labels the menu.
triggerClassName	string	—	Classes applied to the trigger button.
value*	string[]	—	Controlled selected option values.