Beta
Sidebar
Collapsible accordion sidebar with icon'd sections, an active rail, and socials — the chrome this library is built on.
Sidebar
Collapsible accordion sidebar with icon'd sections, an active rail, and socials — the chrome this library is built on.
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.
Install
Adds Sidebar and its dependencies to your project through the shadcn CLI.
$ npx shadcn@latest add https://www.ssicevs.com/r/sidebar.jsonProps · Sidebar
| Prop | Type | Default |
|---|---|---|
| sections | SidebarSection[] | — |
| activeLabel? | string | — |
Generated from the component source. Run npm run props:extract after changing a signature.