Notification Popover

Bell with unread badge, All/Unread tabs and a mark-all-read action.

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

Also accepts all props of Omit<React.ComponentProps<"div">, "children">

Prop	Type	Default	Description
items* required	`NotificationItem[]`	—	—
align	`"start" \| "end"`	`"end"`	—

$ npx shadcn@latest add https://chromotion.dev/r/notification-popover.json