Skip to main content

SelectMenu

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/SelectMenu/types/SelectMenu.types.ts (package @dtsl/react, exported as SelectMenu, SelectOptionTypes, SelectMenuTypes)

Complex composite component — SelectMenu.types.ts exports 30+ interfaces (single/multi/group/folder selection variants, virtualization, search bar, tabs, creatable options, tooltips, help buttons). The main public wrapper prop type is SelectMenuWrapperProps. Not fully enumerated here — see source directly rather than treating any partial extraction as complete. Sub-components referenced in the folder: SingleSelectionList, MultiSelectionList, GroupedList, GroupSelectionList, FolderSelectionList, VirtualizedList.

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. SimpleSelect for a lighter-weight case, or CheckboxDropdown).

Decision Logic​

TODO — needs UX/product input on SelectMenu vs SimpleSelect vs CheckboxDropdown selection — this is likely the most important open question given the prop-surface overlap between all three.

Accessibility​

TODO — needs UX/product input.

Common Mistakes​

TODO — needs UX/product input.