Navegação

Sidebar

Barra lateral de navegação colapsável e autocontida. Composta por SidebarProvider, Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarSeparator, SidebarTrigger e SidebarInset. No mobile vira overlay; no desktop, colapsa a largura.


npx shadcn add @studio/sidebar

Layout

Dashboard

Demo estática do layout. Em produção é autocontida (sem dependências): SidebarProvider controla aberto/fechado, SidebarTrigger alterna, e no mobile vira overlay deslizante.

Props

Prop	Tipo	Default	Descrição
`defaultOpen`	`boolean`	`true`	Estado inicial (SidebarProvider, não controlado)
`open`	`boolean`	—	Estado aberto (SidebarProvider, controlado)
`onOpenChange`	`(open: boolean) => void`	—	Callback ao abrir/fechar
`isActive`	`boolean`	`false`	Marca o SidebarMenuButton como item ativo