Notification
The persistent inbox row, on the nexus4 anatomy: an unread edge bar and background tint, a leading avatar or severity tile (optionally with a type badge overlay), a two-line title that bolds while unread, a preview, a right-hand time column, and a hover-revealed quick-action pill. Compose rows inside the notification-centre block, or standalone in a feed.
bunx shadcn@latest add @nx-ui/notificationAnatomy — unread and read
Unread rows carry the red edge bar, a brand background tint and a bold title; read rows sit plainly. Hover either row (or tab into it) to reveal the quick-action pill — the time column fades out beneath it.
Severity tiles
System notifications without an avatar lead with a size-9 severity tile — info, success, warning or critical — each with a default glyph you can override.
Type badge overlay and context label
When an avatar or organisation image takes the leading slot, a mini severity badge overlays its corner (Slack-style), and a context label can note which organisation the notification belongs to.
Inline actions
An actions row turns a notification into a decision point — accept or decline an invite without leaving the inbox. Buttons compress to h-7 so the pair sits naturally beside the 13px title.
API reference
Exported parts and their props, extracted from the component source.