Selection Dropdown

A multi-select dropdown with checkboxes, search filtering, and tag display for selected items.

Import

import { SelectionDropdown } from "@/components/ui"

Prop	Type	Default	Description
options	SelectionDropdownOption[]	—	Array of { value, label } options.
value	string[]	—	Currently selected values.
onChange	(value: string[]) => void	—	Callback when selection changes.
placeholder	string	"Select..."	Placeholder text.
searchable	boolean	—	Enable search filtering.
size	"sm" \| "md" \| "lg" \| "xl"	"md"	Trigger height.
variant	"primary" \| "secondary"	"primary"	Visual style.