Email List
Inbox message list with sender avatars, subjects, snippets, unread indicators, star toggles, and attachment markers per row.
Inbox message list with sender avatars, subjects, snippets, unread indicators, star toggles, and attachment markers per row.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Email List is the classic mail triage pane, eight rows from the Acme inbox each carrying an avatar, sender name, subject, one-line snippet, and timestamp. Priya Nair's Q2 roadmap review sits selected at the top, bold text and a filled dot marking it unread, a paperclip indicating the attached deck. Starred rows get a filled star icon; everything else stays muted.
Emails are one typed array where every row shares the same keys including unread, starred, hasAttachment, and selected. The unread dot and bold treatment together give the eye two distinct signals for the same state.
Reach for this block as the message list column in a two or three pane mail layout, wired to your messages endpoint and current folder. Swap the data array for a search result or a filtered view and the visual logic stays intact.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the primary inbox message list. Other email lists:
Tip: the selected row uses bg-muted, not a brand color, so it stays readable in both light and dark themes without any adjustment.