SAV Design/Sheet

Sheet

Side panel sliding in from any edge, with header and footer; Base UI Dialog.

UI primitivesregistry:ui

Install

npx shadcn@latest add @sav/sheet

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

Preview

Files

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

Dependencies

Registry items

npm packages

@base-ui/react, cn, lucide-react