Vibe UI
Initializing Vibe UI System...

Context Menu

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

Context Menu

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

Preview

Right click here

Installation

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

Variations

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)

Props

ContextMenuContent

PropTypeDefaultDescription
variant'default' | 'glass' | 'retro' | 'glow' | 'cyberpunk''default'The visual theme preset style of the context menu container.
classNamestringundefinedCustom class name to apply to the context menu content.

ContextMenuItem

PropTypeDefaultDescription
insetbooleanfalseIf 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.

Contributors

Theme Customizer

8px
@theme { --radius: 0.5rem; --glass-blur: 8px; }
Changes apply instantly to this documentation workspace.