Context Menu

右键菜单：在指针位置弹出，支持图标、快捷键、危险项、分隔线和方向键操作。

#menu #right-click #overlay

在沙盒中编辑

复制一段给 AI 编程工具的提示词，包含源码、依赖和用法

属性

ContextMenuProps

同时支持以下类型的全部属性： React.ComponentProps<"div">

属性	类型	默认值	说明
items* 必填	`ContextMenuEntry[]`	—	—
menuLabel	`string`	`"Context menu"`	—

安装

$ npx shadcn@latest add https://chromotion.dev/r/context-menu.json

同类组件

Speed Dial

浮层与反馈

悬浮按钮展开为带标签的快捷操作菜单，支持错落动画与键盘操作。

Fullscreen Menu

浮层与反馈

汉堡按钮变形为关闭图标的全屏导航，链接错落入场并锁定滚动。

Popover

浮层与反馈

气泡卡片：点击触发，支持上下方向与对齐，点击外部或按 Esc 关闭并还焦点。