Studiov0.6.0

SidebarNav

Tier 1shadcn
Navigation

A full shadcn sidebar system with collapsible sections, menu items, and responsive mobile behavior.

Live Preview

Code

import { SidebarNav } from "@regen/ui";

<SidebarNav />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • App shell navigation
  • Admin dashboards
  • Settings panels

Do

  • Wrap in SidebarProvider at the layout level
  • Use SidebarMenuButton isActive for the current page

Don't

  • Don't render without SidebarProvider — will throw
  • Don't use inside a page section — belongs in the app shell