Components

Dropdown Menu

The cds Menu: content-sized popups (radius 14, 6px gutter, #fff | #303030), 28px rows (w435, 15% highlight), subs, checks, accelerators, two-line status and inline-action rows, header / footer regions and touch sheets.

Menus

Popups are content-sized (128-320px), open and close instantly, and loop with the arrow keys. Escape closes one level at a time.

Add menuIcons, shortcut, cloud-drive status and Connect rows (N17), subs with a hint, switch rows, checkable tools that keep the menu open

Row actionsAccelerators P / R / D while open · last: none yet

Radio groupsLabelled groups, trailing accent check

Search, header and footerFocus stays in the search field; the footer stays pinned while rows scroll

Every row stateHeader block, hint, disabled, soft-disabled (tooltip), two-line, truncation, icon tile, badge, switch, external links

Bottom sheetpresentation="sheet" (auto on touch): subs drill in, drag down to dismiss

Light, dark and density

The same open menu rendered in place inside mode and density islands (rest, highlighted, sub trigger with hint, label, checked, disabled, destructive highlighted).

Dark · comfortable

Light · comfortable

Dark · compact

Light · compact