StealThis .dev
Patterns Medium

Bulk Actions

Multi-select grid pattern with a sticky bulk action bar for archive, tag, and delete flows.

Open in Lab
vanilla-js css
Targets: JS HTML

Code

Bulk Actions

A reusable selection pattern for card or list layouts where users apply actions to many items at once.

Features

  • Per-item checkbox selection
  • Select-all support
  • Sticky bulk bar with count
  • Archive and delete bulk handlers

Notes

This pattern uses a card grid instead of table rows to stay distinct from data-table.