SAV Design/Sonner (Toaster)

Sonner (Toaster)

Toast notifications via sonner, themed through next-themes and the popover tokens, with lucide status icons.

UI primitivesregistry:ui

Install

npx shadcn@latest add @sav/sonner

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

Preview

Files

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

Dependencies

Registry items

—

npm packages

lucide-react, next-themes, sonner