Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Table Block Bulk Actions
Table component with floating bulk action toolbar for multi-row operations in React admin panels
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Manage multiple records on your Next.js admin dashboard with this bulk actions table component. Features checkbox selection with select-all toggle, floating action toolbar that appears on selection, batch operations like delete, archive, and export, selection counter with clear button, and confirmation dialogs for destructive actions. Built with shadcn/ui Table, Checkbox, and Button components using Tailwind CSS. The efficient multi-select workflow saves time—perfect for content management, user administration, order processing, email clients, or any React app needing batch record operations.
Contacts
Select rows to perform bulk actions
8 contacts
| Name | Company | Status | Last Contact | ||
|---|---|---|---|---|---|
| Emma Thompson | [email protected] | Acme Corp | Active | 2 days ago | |
| James Wilson | [email protected] | Globex Inc | Active | 1 week ago | |
| Sofia Garcia | [email protected] | Initech | Pending | 3 days ago | |
| Marcus Chen | [email protected] | Umbrella Co | Inactive | 1 month ago | |
| Olivia Brown | [email protected] | Stark Industries | Active | Yesterday | |
| Lucas Miller | [email protected] | Wayne Enterprises | Active | 4 days ago | |
| Ava Davis | [email protected] | Oscorp | Pending | 2 weeks ago | |
| Noah Martinez | [email protected] | LexCorp | Inactive | 3 weeks ago |
Use checkbox to select rows. Bulk actions appear when rows are selected.
Installation
Related blocks you will also like
Table with Row Selection
Basic row selection
Task Table with Actions
Individual row actions
Table with Drag and Drop
Reorder selected rows
Table with Export Options
Export selected data
Table with Quick Filters
Filter before bulk action
Table with Inline Editing
Edit multiple rows