Skip to content

[data-js-navigation-trigger] { display: none !important; }

Back to ComponentsComponent

Context Menu

Open-code aq-ui accessible component family for Context Menu.

Preview

This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.

Right-click inside this area

Installation

pnpm dlx aq-ui@alpha add context-menu

API reference

Client moduleView full source

Quick start

"use client"

import { ContextMenu } from "@/components/ui/context-menu"

<ContextMenu />

Exports

ContextMenu function
ContextMenuCheckboxItem const
ContextMenuContent const
ContextMenuGroup const
ContextMenuItem const
ContextMenuLabel const
ContextMenuPortal function
ContextMenuRadioGroup const
ContextMenuRadioItem const
ContextMenuSeparator const
ContextMenuShortcut const
ContextMenuSub function
ContextMenuSubContent const
ContextMenuSubTrigger const
ContextMenuTrigger const

Registry dependencies

utils

Package dependencies

@base-ui/react@^1.7.0, lucide-react@^1.31.0

Files

components/ui/context-menu.tsx

Source