Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Dropdown Menu - Table Row Actions
A React dropdown menu for data table row actions with edit, duplicate, favorite, report, archive, and delete operations in a compact vertical layout
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Every data table needs row actions—edit this user, delete that order, favorite this item. This React dropdown menu uses MoreVertical icon for compact table row actions with shadcn/ui and Radix UI. Built with Lucide React icons, it provides Edit, Duplicate, Favorite, Report, Archive, and Delete in a narrower 40-unit width—perfect for data tables, admin panels, user lists, and dashboards where horizontal space is precious.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
File Actions Dropdown
Menu for file operations with shortcuts
Batch Actions Dropdown
Bulk operations for multiple rows
Standard Data Table
Complete data table with row actions
Card Actions with Share
Menu with nested social sharing submenu
Quick Actions Menu
Grouped actions with keyboard shortcuts
Row Context Menu
Right-click menu for table rows
Questions you might have
React Dropdown Menu - File Actions Dropdown
A React dropdown menu with file action options including view, download, share, duplicate, archive, and delete with keyboard shortcuts
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