Notification Grouping List
Inbox panel collapsing notifications by source with inline thread expansion and unread count badges.
Inbox panel collapsing notifications by source with inline thread expansion and unread count badges.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Notification Grouping List is the smart inbox panel, notifications folded by source so the list stays readable. Maya Chen commented 3 times on Q3 launch plan with all three messages visible inline (the onboarding funnel, the pricing tier names, the flag to Noah), while 4 CI deploys to api, web, worker, and cron collapse to one summary row. Unread rows carry a foreground dot and a count badge; read rows fade the avatar to 60 percent.
Items are one typed union array splitting single and group shapes; every field is present on both, unset fields carry undefined rather than being omitted. The expanded inline thread is what makes grouping feel like reading, not hiding.
Reach for this block on a dedicated notifications or inbox page, wired to your notifications endpoint with grouping keyed on actor and thread id. Keep the unread count in the page title or shell badge consistent with what the panel shows.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the team collaboration inbox. Other grouped lists:
Tip: show the count badge on the collapsed row so users know what they are hiding before they expand.