Installation
Props
SidebarProvider Props
| Prop | Type | Default | Description |
|---|---|---|---|
defaultCollapsed | boolean | false | Initial collapsed state |
collapsedWidth | number | 64 | Width in px when collapsed |
expandedWidth | number | 260 | Width in px when expanded |
mobileBreakpoint | number | 768 | Breakpoint (px) to switch to mobile mode |
Sidebar Props
| Prop | Type | Default | Description |
|---|---|---|---|
side | "left" | "right" | "left" | Which side of the screen |
className | string | - | Additional CSS classes |
SidebarMenuItem Props
| Prop | Type | Default | Description |
|---|---|---|---|
icon | React.ReactNode | - | Icon element |
label | string | - | Navigation label text |
badge | React.ReactNode | - | Optional badge (e.g. count) |
active | boolean | false | Highlights the item as active |
onClick | () => void | - | Click handler |
href | string | - | If set, renders as <a> link |
className | string | - | Additional CSS classes |