Imagine ArtSide Navigation
View in FigmaA collapsible vertical sidebar with nested items, icon-only mode, and badge indicators.
NavigationImport
import { SideNav } from "@/components/ui"API
| Prop | Type | Default | Description |
|---|---|---|---|
| items | SideNavItem[] | — | Navigation items with label, href, icon, children, badge. |
| collapsed | boolean | — | Whether the sidebar is in collapsed icon-only mode. |
| onCollapse | (collapsed: boolean) => void | — | Callback when collapse state changes. |
| header | ReactNode | — | Content above the navigation items. |
| footer | ReactNode | — | Content below the navigation items. |