Split Inbox

About this block

Split Inbox is a single reading pane that files incoming mail into four labeled sections: Important, Team, Newsletters, and Everything else. Each section has a header band carrying the label, an unread count when there is one, and a View all link with the section total. Below the band sit compact rows pairing an avatar or monogram, sender, subject, and snippet on one line, with a leading dot and bold treatment marking the unread threads.

Sections are one typed array where every row shares the same keys including unread, avatar, and monogram, so a row falls back to a text monogram when no avatar exists. The pane header sums the unread rows, and each section band reads its own unread and total independently.

When to use

Reach for this block when a flat message list is too noisy and you want the inbox pre sorted into priority lanes. Wire the sections to your classifier or filter rules and load real rows; the visual logic for unread, counts, and totals stays intact.

A natural flow around it on an Application Pro page:

Before

• App shell
• Inbox sidebar

After

• Email reader
• Notifications

What you can display

One strong use is the priority sorted inbox. Other grouped list surfaces:

• Notifications digest. Group in-app events by type using the same section band and row shape.
• Ticket queue. Split support threads into open, waiting, and resolved lanes with unread counts.
• Reading list. File saved articles by topic, each section showing a running total to catch up on.

Tip: the unread dot and the bold sender give the eye two signals for the same state, so a section reads at a glance without opening a single row.