Context Menu · Zellify

Installation#

Terminal

npx shadcn@latest add @zellify/context-menu

Usage#

context-menu.tsx

import {  ContextMenu,  ContextMenuTrigger,  ContextMenuContent,  ContextMenuItem,  ContextMenuCheckboxItem,  ContextMenuRadioItem,  ContextMenuLabel,  ContextMenuSeparator,  ContextMenuShortcut,  ContextMenuGroup,  ContextMenuPortal,  ContextMenuSub,  ContextMenuSubContent,  ContextMenuSubTrigger,  ContextMenuRadioGroup,} from "@/components/ui/context-menu"

Examples#

Basic

Right click here

With Sides

Right click (top)Right click (right)Right click (bottom)Right click (left)

With Icons

Right click here

With Shortcuts

Right click here

With Submenu

Right click here

With Groups, Labels & Separators

Right click here

With Checkboxes

Right click here

With Radio Group

Right click here

With Destructive Items

Right click here

In Dialog

With Inset

Right click here

API reference#

Exports ContextMenu ContextMenuTrigger ContextMenuContent ContextMenuItem ContextMenuCheckboxItem ContextMenuRadioItem ContextMenuLabel ContextMenuSeparator ContextMenuShortcut ContextMenuGroup ContextMenuPortal ContextMenuSub ContextMenuSubContent ContextMenuSubTrigger ContextMenuRadioGroup. Every part takes its element's usual props and a className.