Shell
Sidebar
Collapsible side panel with header / body / footer slots. Presentational — wire the collapsed state from your shell.
Examples
With NavItems
<Sidebar>
<NavItem active>Library</NavItem>
...
</Sidebar>Props
| Prop | Type | Default | Description |
|---|---|---|---|
collapsed | boolean | false | Shrink to icon rail (collapsedWidth). |
side | 'left' | 'right' | 'left' | Which border the panel attaches to. |
width | string | '240px' | Expanded width. |
collapsedWidth | string | '48px' | Width when collapsed. |
header | Snippet | — | Top region. |
footer | Snippet | — | Bottom region. |
Install
CLI
npx @a3tai/mittsu add sidebar