SubMenuItem
Sharedcomponent✓ stampedComposable menu rows — status, expand, boolean, radio, search.
@brite-nites/design-system/primitives/sub-menu-itemBuilding blocks for dropdowns, filter menus, action menus, and command palettes. All variants share a 34px height, 7px radius, and the same hover treatment (bg neutral-light + white inner glow).
Default
Text with optional left icon, right-aligned content, and keyboard shortcut. Hover the row to see the gray glow state.
Destructive
Red text for delete / archive / danger actions. Items with a shortcut omit the icon by design — avoids visual noise in dense menus.
Status
Embeds a StatusTag. Used in filter-by-status menus.
Expand
Left icon + caret-right for items that open a nested submenu. Use the active prop when the submenu is open.
Boolean (multi-select)
Checkbox + label + optional right-aligned count/meta. Separate hover and selected states (selected uses white bg, hover uses sidebar-grey).
Radio (single-select)
Dot indicator for one-of-many selections. Use for sort orders, view modes, etc.
Search
Input row with a bottom border. Typically placed at the top of a long menu.
Group label + separator
Structural helpers for organizing longer menus.
Assembly — filter menu example
A realistic compose combining search, boolean filters, radio sort, and structural helpers.