Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
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
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Power users love keyboard shortcuts, but normal users need menus. This React quick actions dropdown gives both using shadcn/ui's DropdownMenuGroup and DropdownMenuLabel. Built with Radix UI and Lucide React icons, it groups Create/Search/Filter separately from Import/Export, each with shortcuts like Command-K and Command-N—perfect for admin dashboards, data management tools, content editors, and any interface where users need fast access to common operations.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
File Actions Dropdown
File operations menu with keyboard shortcuts
Batch Actions Dropdown
Bulk operations with selection count
Standard Dropdown Menu
Basic dropdown menu structure
Table Row Actions
Compact menu for row operations
Command Palette
Searchable command menu with shortcuts
Card Actions with Share
Menu with nested social sharing
Questions you might have
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
React Dropdown Menu - Text Formatting Dropdown
A React text formatting dropdown menu with Bold, Italic, Underline, Strikethrough, and Code options plus keyboard shortcuts