Sidebar Accordion

Collapsible categorised left-rail navigation. Sections labelled with small monospace caps; items as horizontally-padded links with an active state (2 px left border in brand accent + soft accent-tint background).

Live previewrendered from recipe via {tokens} resolution
default

Standard categorised left-rail navigation.

ARIA notes

Wrap in <nav aria-label> to identify the navigation landmark. aria-current=page marks the active link. Do not nest <nav> elements inside each other.

The usage tab for this component is not yet authored. Creative Design Contributors — pick this up.

Recipe is at /api/components/sidebar-accordion.json.