Notification Badge Row
Profile notification summary strip with linked cards for Mentions, Assigned, and Reviews showing unread counts derived from a single array and a digest timing note.
Profile notification summary strip with linked cards for Mentions, Assigned, and Reviews showing unread counts derived from a single array and a digest timing note.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Notification Badge Row is the profile notification summary strip: three linked cards (Mentions 3, Assigned 2, Reviews 1) each with a muted icon tile (AtSign, Bell, GitPullRequest), a label, an unread count line, and a secondary Badge. The panel header shows 6 unread across 3 categories, derived live from the array total. The footer note explains that counts reset when the feed is opened and that email digests send at 08:00 local time.
Notification types are one array with a uniform shape including the icon typed as ComponentType so the type.icon render is safe. The count total reduces from the same array so the header stays consistent without duplication.
Reach for this block on a profile overview page or as a topbar summary card, wired to your notification counts endpoint so each card href links to the filtered notification feed for that type.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the profile notification overview strip. Other badge rows:
Tip: keep the strip to three cards; beyond three the visual weight tips into noise rather than summary.