Bulk Media Actions

About this block

Bulk Media Actions is the persistent toolbar that appears when assets are selected in a media grid, showing 14 selected of 148 as a badge alongside four action buttons: Move, Tag, Download, and Delete. Delete renders with destructive intent styling without breaking the toolbar color scheme. A Clear selection button sits at the trailing edge. Below the bar a 28 cell placeholder grid shows selected thumbnails with a foreground dot and ring to make the selection count feel real.

Actions are one typed array driving the button render; the selection set is a static Set of indices. The footer note is blunt: Delete is permanent and cannot be undone, which is the only honest thing to say before a bulk destructive action.

When to use

Reach for this block above any media or file grid that supports multi-select, wired to your selection state and asset mutation endpoints. Wire Download to a zip endpoint and Move to a folder picker dialog.

A natural flow around it on an Application Pro page:

Before

• Folder breadcrumb bar

After

• Dialogs
• Empty state

What you can display

One strong use is the media library multi-select toolbar. Other bulk-action bars:

• Email inbox toolbar. Archive, Mark as read, Move to folder, and Delete for selected threads.
• Table row actions. Export, Tag, Assign, and Remove for selected data rows.
• File manager. Copy, Move, Compress, and Delete for selected files.

Tip: show the selection count as a badge in the bar even when zero so the element does not pop into layout and reflow the grid when the first item is selected.