Navigation & LayoutPro

Context Menu

A right-click menu, built on the same primitive as Dropdown Menu.

Usage

Right-click me

Installation

bash

npm install @wunderui/react

Then import what you need:

tsx

import {
  ContextMenu,
  ContextMenuContent,
  ContextMenuGroup,
  ContextMenuItem,
  ContextMenuLabel,
  ContextMenuSeparator,
  ContextMenuTrigger,
} from "@wunderui/react"

Examples

Right-click the area for its actions, including a destructive one.

Right-click me

In context

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

File grid

Right-click any file for rename, duplicate and delete.

Right-click a file