How do I install the Vibe UI Context Menu component?

You can install Context Menu into your React or Next.js project using the Vibe UI CLI: run "npx vibe-ui-kit add context-menu" in your terminal.

Does Vibe UI Context Menu support Tailwind CSS v4?

Yes, Vibe UI natively supports both modern Tailwind CSS v4 (@theme directives) and Tailwind CSS v3 with zero configuration.

Yes, Vibe UI primitives are built upon WAI-ARIA compliant Radix UI primitives with full keyboard navigation and screen reader support.

Displays a custom right-click context menu at the pointer position, triggered by right-clicking or long-pressing elements.

Right click here

pnpm dlx vibe-ui-kit@latest add context-menu

Vibe UI's Context Menu supports multiple visual style presets to match your application's theme:

Right click (Glass)RIGHT CLICK (RETRO)Right click (Neon Glow)RIGHT CLICK (CYBERPUNK)

Prop	Type	Default	Description
variant	'default' \| 'glass' \| 'retro' \| 'glow' \| 'cyberpunk'	'default'	The visual theme preset style of the context menu container.
className	string	undefined	Custom class name to apply to the context menu content.

Prop	Type	Default	Description
inset	boolean	false	If true, adds extra left padding to align item labels when checkbox/radio indicators are used.
variant	'default' \| 'destructive'	'default'	Changes the style of the menu item to match its semantic meaning.