Design System v1.0
Getting Started
Foundations
Components
Blocks

Context menu

A menu of actions revealed by right-clicking (or long-pressing) a target region.

Default

Actions, a submenu, a checkbox toggle, a radio group, and a destructive item.

Right-click this panel

Basic options

A minimal menu of grouped actions.

Right click here
Menu with basic options

With submenu

A menu that nests further actions in a submenu.

Right click here
Menu with submenu

API reference

A right-click menu: a Trigger region opens a portalled popup of items, checkboxes, radios, labels, and nested submenus.

Full props on Base UI ContextMenu
Anatomy
ContextMenuRoot managing the menu's open state.
ContextMenuTriggerThe region that opens the menu on right-click.
ContextMenuContentPortalled, positioned popup container for items.
ContextMenuItemA clickable menu row (supports inset and destructive).
ContextMenuCheckboxItemA menu item with a check indicator for a boolean.
ContextMenuRadioItemA menu item with a dot indicator; use inside a RadioGroup.
ContextMenuLabelMuted, non-interactive heading. Must be inside a Group.
ContextMenuSeparatorThin divider between menu sections.
ContextMenuShortcutRight-aligned muted text showing a keyboard shortcut.
ContextMenuGroupWraps related items. Required around a Label.
ContextMenuPortalPortal that renders the menu content.
ContextMenuSubRoot for a nested submenu.
ContextMenuSubContentPortalled popup for a submenu.
ContextMenuSubTriggerA menu item that opens a submenu; shows a chevron.
ContextMenuRadioGroupCoordinates selection among radio items.

Command Palette

Search for a command to run...