SAV Design/Sidebar

Sidebar

Composable sidebar shell: provider, rail, collapsible icon mode, mobile sheet, groups, menus, sub-menus and skeletons.

UI primitivesregistry:ui

Install

npx shadcn@latest add @sav/sidebar

Needs "@sav": "https://design.sasv.ch/r/{name}.json" under registries in components.json. Direct URL: /r/sidebar.json.

Preview

Operations
  • 12
Inline sidebar (collapsible="none")

Files

  • registry/sav/ui/sidebar.tsx→ @ui/sidebar.tsx

Dependencies

npm packages

@base-ui/react, class-variance-authority, cn, lucide-react