Skip to main content

CheckboxDropdown

Status: No dedicated documentation exists in design-system-docs (checked main + all open PRs, verified 2026-08-19). This is a factual scaffold, not real guidance — every qualitative section below is an explicit placeholder for a human writer. Nothing has been invented.

Source: DTSL/design-system → packages/product/@dtsl-react/src/components/molecular/Checkbox-Dropdown/ (package @dtsl/react, exported as CheckboxDropdown, CheckboxDropdownTypes)

Composite component (Provider + Container + SingleSelectionList sub-parts). Main public props (from types/CheckboxDropdown.types.ts):

Props (verbatim from source)​

export interface CheckboxDropdownOption {
	key?: number | string
	label?: string
	value?: unknown
	svg?: React.ReactNode
	className?: string
}

export interface CheckboxDropdownContainerProps {
	value?: CheckboxDropdownOption[]
	className?: string
	menuPlacement?: string
	menuClassName?: string
}

Also exports CheckboxDropdownProviderProps, CheckboxDropdownProps, CheckboxDropdownBodyProps, CheckboxDropdownComponentProps, SingleSelectionListProps for internal sub-parts — see source file for full shapes.

When to Use​

TODO — no existing UX/product guidance found in source, Storybook, or docs. Needs input from design/PM.

When NOT to Use​

TODO — needs UX/product input. Name the alternative component if one exists (e.g. SelectMenu or SimpleSelect, which appear to cover similar multi/single-select use cases).

Decision Logic​

TODO — needs UX/product input on CheckboxDropdown vs SelectMenu vs SimpleSelect selection.

Accessibility​

TODO — needs UX/product input.

Common Mistakes​

TODO — needs UX/product input.