Notification Centre
A bell trigger with an unread-count badge that opens a 420px popover inbox on the nexus4 anatomy: All / Unread / Archived tabs, date-grouped rows under sticky headers, a scroll fade, hover quick actions, inline invite decisions, mark-all-read and per-tab empty states. The persistent counterpart to Sonner toasts.
bunx shadcn@latest add @nx-ui/notification-centreThe full inbox
Click the bell. Five unread items drive the badge and the Unread tab pill; rows group under Today, Yesterday, This week and Older. Hover a row for the quick-action pill (view, read-toggle, archive, delete), action the invite inline, archive a few rows into the Archived tab, or mark everything read.
Empty inbox
With nothing to show, the badge disappears and each tab falls back to its own empty state, composed on the empty-state pattern.
Standalone rows
NotificationRow is exported on its own, so an activity feed can reuse the exact popover row — unread edge bar and tint, icon resolution, time column and quick actions included. These rows manage local state: mark them read, archive or delete them.
API reference
Exported parts and their props, extracted from the component source.