SAV Design/Notification Bell

Notification Bell

Bell button with unread badge and a dropdown of recent notifications; optional polling through a fetchSummary callback, type labels and link targets as props.

App patternsregistry:component

Install

npx shadcn@latest add @sav/notification-bell

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

Preview

Files

  • registry/sav/components/notification-bell.tsx→ @components/notification-bell.tsx

Dependencies

npm packages

cn, lucide-react