Context menu with destructive actions.
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Free to install.
Best for: Edit and Share over a divider, then Archive and a destructive Delete, every row led by an icon
When to use
- Right click actions on a file, row or canvas area, such as copy, paste, share and delete
- Toggles and single choice settings changed from a right click, such as visible bars or the theme
- Long command lists split into headed sections, key hints or a nested flyout of extra tools
When not to use
- Copy, cut and paste commands for selected text or files: use the Context Menu Icons example
- Actions that must stay discoverable, opened from a visible button like a row's more icon: use the Dropdown Menu component
- A persistent bar of File, Edit and View lists across the top of an app window: use the Menubar component
- Site links in a header bar whose panels open on hover or click: use the Navigation Menu component
Agent notes
- The destructive
variantonly colors Delete; it runs nothing and asks for no confirmation, so open an alert dialog from it - Each dashed
ContextMenuTriggerstands in for your target; wrap the row or card in it, or pass it throughrenderon base andasChildon radix ContextMenuLabelthrows on the base twin outside aContextMenuGrouporContextMenuRadioGroup; the radix one renders anywhere
https://reui.io/components/context-menu/c-context-menu-8.mdget_example("c-context-menu-8")npx shadcn@latest add @reui/c-context-menu-8Shadcn Components in Context Menu Destructive Actions
About Shadcn Context Menu Destructive Actions
Context menu with destructive actions. Built with the Context Menu component. A free, open source shadcn context menu example you can install with npx shadcn@latest add @reui/c-context-menu-8 and edit as your own code.
What You Can Build With Shadcn Context Menu Destructive Actions
- Composes Context Menu, so it drops into any project already using those components.
- Install it with the shadcn CLI: npx shadcn@latest add @reui/c-context-menu-8
- Open source and free, with the full source on this page to copy or adapt.
More Shadcn Context Menu Examples
- Basic Basic context menu.
- Icons Context menu with icons for common actions.
- Shortcuts Context menu with keyboard shortcuts.
- Nested Submenus Context menu with nested submenus.
- Labels & Separators Context menu labels and separators.
- Checkbox Items Context menu with checkbox items.
- Radio Items Context menu with radio items.
- Alignment Sides Context menu with different alignment sides.
- Inside Dialog Context menu used inside a dialog component.
Related Shadcn Component Categories
Open-source shadcn data grid components for sorting and filtering, virtualized tables, and admin dashboards.
Open-source shadcn date selector components for date range picking, booking windows, and calendar filters.
Open-source shadcn dialog components for modal forms, focused tasks, and confirmations.
Open-source shadcn drawer components for mobile panels, slide-over forms, and secondary workflows.
Open-source shadcn dropdown menu components for action menus, profile menus, and toolbar menus.
Open-source shadcn emoji picker components for message composers, reactions, page icons, statuses, and custom team emoji.
Frequently Asked Questions
When should I use Shadcn Context Menu Destructive Actions?
Use it for edit and Share over a divider, then Archive and a destructive Delete, every row led by an icon.
Shadcn Context Menu as a whole fits:
- Right click actions on a file, row or canvas area, such as copy, paste, share and delete
- Toggles and single choice settings changed from a right click, such as visible bars or the theme
- Long command lists split into headed sections, key hints or a nested flyout of extra tools
For copy, cut and paste commands for selected text or files, use the Context Menu Icons example. For actions that must stay discoverable, opened from a visible button like a row's more icon, use the Dropdown Menu component. For a persistent bar of File, Edit and View lists across the top of an app window, use the Menubar component. For site links in a header bar whose panels open on hover or click, use the Navigation Menu component.
How do I install Shadcn Context Menu Destructive Actions?
Is Shadcn Context Menu Destructive Actions free to use?
Which components does Shadcn Context Menu Destructive Actions use?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.