Sidebar

PaginationAlert

Collapsible app sidebar with groups, menus and rail.

Source

Sidebar is fixed-positioned and needs a full page to render correctly.

Open full-page example

Installation

pnpm dlx shadcn@latest add https://yea-ui.vercel.app/r/sidebar.json

Usage

import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "@/components/ui/sidebar"