The app's main navigation, collapsible to icons.
npx shadcn@latest add @sphere-kit/sidebarimport { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupEmpty, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuIndicator, SidebarMenuItem, SidebarMenuShortcut, SidebarMenuSkeleton, SidebarCallout, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger,} from "@/components/ui/sidebar"One rule for using it well. Open one to see it drawn.
Exports Sidebar SidebarContent SidebarFooter SidebarGroup SidebarGroupAction SidebarGroupContent SidebarGroupEmpty SidebarGroupLabel SidebarHeader SidebarInput SidebarInset SidebarMenu SidebarMenuAction SidebarMenuBadge SidebarMenuButton SidebarMenuIndicator SidebarMenuItem SidebarMenuShortcut SidebarMenuSkeleton SidebarCallout SidebarMenuSub SidebarMenuSubButton SidebarMenuSubItem SidebarProvider SidebarRail SidebarSeparator SidebarTrigger useSidebar. Every part takes its element's usual props and a className.
| Prop | Options | Default |
|---|---|---|
| variant | defaultoutline | default |
| size | defaultsmlg | default |