Bulk Actions Toolbar
Email list with a contextual toolbar showing Archive, Mark read, Label, Snooze, and Delete when messages are selected.
Email list with a contextual toolbar showing Archive, Mark read, Label, Snooze, and Delete when messages are selected.
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
Bulk Actions Toolbar is the email list with its ops bar locked open: two messages checked, Priya Nair's Q2 roadmap review and Jordan Lee's API v2 migration note, trigger the top strip showing 2 selected alongside Archive, Mark read, Label, Snooze, and a red Delete. Unread rows carry the filled dot and bold sender; checked rows are tinted and badged Selected so the selection state is legible at a glance.
Emails are one array with unread and checked fields on every object. The toolbar derives its count from a filter on that array, so swapping in a real selection model is a one-line change.
Reach for this block on the inbox list view, wired to your selection state and bulk-action endpoints. Show the toolbar only when at least one message is selected and hide it cleanly when the count drops to zero.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the multi-select inbox with bulk ops. Other toolbar configurations:
Tip: Delete is the only destructive action here and it runs red so the eye finds it without hunting.