Studiov0.6.0

SidebarNav

Tier 1 — shadcn
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