Bulk actions & multi-select
The multi-select mode that applies one operation to many records while keeping the blast radius visible.
Content & Data Views · 8 checks · 5 resources
Before you ship
8- 01Selection affordance per row plus select-all — with a clear distinction between 'all on this page' and 'all matching the current filter'
- 02Persistent selection count — the number of selected items always visible while the action bar is open
- 03Contextual action bar — appearing only in selection mode, listing exactly the operations valid for the selected set
- 04Partial-validity handling — when an action applies to only some selected items, state how many will be affected and why the rest cannot
- 05Confirmation proportional to risk — destructive bulk actions state the exact count and require explicit confirmation
- 06Progress for long operations — a determinate indicator, and a per-item result summary when the batch finishes
- 07Undo for reversible bulk operations — offered immediately after completion, not buried in an activity log
- 08Clear selection — an obvious escape from selection mode that does not require deselecting each item
Resources that help you build this
5- Kumo · Cloudflare's production React library: 44 components on Base UI + Tailwind v4, MIT
- Ant Design · 73-component React library and design language for enterprise back-office apps
- Atlassian Design System · Atlaskit: 59 Apache-2.0 React components behind Jira, Confluence and Bitbucket
- Carbon Design System · IBM's open-source design system: 44 documented components across five frameworks
- Shopify Polaris · Shopify's admin design system, now shipped as framework-agnostic web components