Open experiment
Compact sidebar menu
A compact vertical menu for product shells with clear grouping, a persistent current-page state, and concise secondary counts.
Lab tested Responsive Dark mode
- Version
- 1.0.0
- Updated
- 2026-08-02
- Dependencies
- Zero
<nav class="cmp-sidebar" aria-label="Project navigation">
<p>Workspace</p>
<a aria-current="page" href="#"><span aria-hidden="true">01</span>Overview</a
><a href="#"><span aria-hidden="true">02</span>Components<small>24</small></a
><a href="#"><span aria-hidden="true">03</span>Experiments<small>6</small></a>
<p>Manage</p>
<a href="#"><span aria-hidden="true">04</span>Settings</a>
</nav>
No runtime reactions detected Open in Editor
Validated in the lab
Experiment report
- Schema and source files passed
- Responsive test passed
- Keyboard test passed
- No console errors
Component ingredients
- Dependencies
- None
- Browser support
- Current Chrome, Current Edge, Current Firefox, Current Safari
- Version
- 1.0.0
- Last tested
- 2026-08-02
Accessibility notes
- Navigation has an accessible label.
- Current page uses aria-current.
- Counts are included in link names.
License: provisional component-content license; owner review is required before launch.