Notification Bell
An interactive notification trigger with animated badge counter, arrival shake feedback, and dropdown panel.
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/notification-bell
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| notifications | Notification[] | — | Array of notification objects (id, message, timestamp, read) |
| onMarkAsRead | (id: string) => void | — | Handler fired when an individual notification is marked read |
| onMarkAllAsRead | () => void | undefined | Handler to clear all active badges |
| isOpen | boolean | undefined | Controlled open state of notification drawer |
| onOpenChange | (isOpen: boolean) => void | undefined | Callback on panel open/close |
| showCount | boolean | true | Displays numeric badge instead of minimal red dot |