NavigationBrowse navigation components
Sidebar
App-shell side navigation with sections, active state, and compact variant.
Live preview
Usage
Adapters:React stableVue stable
index.html
<nav class="lm-sidebar" aria-label="Primary">
<a class="lm-sidebar-item" aria-current="page">Dashboard</a>
</nav>CSS classes (4)
| Class | Description |
|---|---|
lm-sidebar | Vertical nav |
lm-sidebar-section | Uppercase section header |
lm-sidebar-item | Each link/button |
lm-sidebar-compact | Narrow icon-only variant |
React props (1)
| Prop | Type | Default | Description |
|---|---|---|---|
compact | boolean | — | — |
Accessibility
- Wrap in <nav aria-label='Primary'>.
- Active link: aria-current='page'.
Spotted something wrong? Edit this entry on GitHub.