Sidebar
A collapsible sidebar navigation for SaaS admin panels and trading dashboards, with accordion sections, an active rail and a mobile drawer.
Sidebar
A collapsible sidebar navigation for SaaS admin panels and trading dashboards, with accordion sections, an active rail and a mobile drawer.
When to use it
Use it when a product has more sections than a top bar can hold and the user needs to keep their place while moving between them. The active rail answers "where am I" without a breadcrumb, and collapsing sections keeps a long list navigable on a laptop screen.
Props · Sidebar
| Prop | Type | Default |
|---|---|---|
| sections | SidebarSection[] | · |
| activeLabel? | string | · |
Generated from the component source. Run npm run props:extract after changing a signature.