Sidebar

A composable, themeable and customizable sidebar component.

pnpm dlx shadcn@latest add @kickresume/sidebar

Documentation

This sidebar is a 1:1 port of the shadcn/ui sidebar, restyled with Kickresume design tokens (the styling is applied automatically through our CSS variables). It ships the full component set — SidebarProvider, Sidebar, SidebarTrigger, SidebarHeader, SidebarContent, SidebarFooter, SidebarGroup, SidebarMenu, SidebarMenuItem, SidebarMenuButton, the useSidebar hook and more — and builds on our Button, Input, Separator, Sheet, Skeleton and Tooltip components plus the useIsMobile hook.

Because the API matches shadcn/ui exactly, refer to their documentation for the complete usage guide, structure and examples:

→ shadcn/ui — Sidebar documentation