Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Dropdown Menu - Batch Actions Dropdown
A React dropdown menu for bulk operations on multiple selected items showing selection count with actions like mark complete, tag, export, archive, and delete
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Selected 47 emails and need to archive them all? Checked 12 tasks to mark complete? This React batch actions dropdown handles bulk operations with shadcn/ui and Radix UI. Built with Lucide React icons and DropdownMenuLabel showing selection count, users get Mark Complete, Add Tags, Export, Archive, and Delete for multiple items—perfect for email clients, task managers, file browsers, and admin panels where bulk operations save tons of time.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
File Actions Dropdown
Single file operation menu with shortcuts
Table Row Actions
Individual row operations dropdown
Data Table with Selection
Table with checkbox selection and bulk actions
Quick Actions Menu
Grouped actions with keyboard shortcuts
Card Actions with Share
Menu with nested social sharing
Checkbox Selection
Multiple item selection component
Questions you might have
React Dropdown Menu - Card Actions with Nested Share
A React dropdown menu with nested submenu for social sharing options including Email, Twitter, Facebook, and LinkedIn alongside edit and delete actions
React Dropdown Menu - Quick Actions Menu
A React dropdown menu organizing frequently-used actions into labeled groups with keyboard shortcuts for create, search, filter, import, export, and refresh