浮层
ContextMenu
右键打开的菜单。
什么时候用它
永远不能是通往某个动作的唯一路径。触屏、触控板和纯键盘用户可能根本打不开它。
示例
default
Right-click anywhere in this box
说明
Radix ContextMenu 的根节点和触发器，带类型的原样透传。
属性
这个组件没有自己的属性。
组成部分
Composed at the call site rather than configured through props, so a layout this component did not anticipate is still expressible.
ContextMenuContent
右键打开的那个菜单。
永远不能是通往某个动作的唯一路径。右键菜单靠指针的次要按键或者键盘上的菜单键打开，而相当一部分读者两者都没有——触屏用户、没配置过触控板的人、纯键盘操作的人。这里放的任何东西，都必须在别处也有能够得着的入口：一行的溢出按钮，或者一条工具栏。
这个组件没有自己的属性。
ContextMenuItem
一行。高亮跟着 data-highlighted，悬停和键盘都覆盖到了。
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| destructive | boolean | false | — |
| icon | LucideIcon | — |
同时接受 ComponentProps<typeof ContextMenuPrimitive.Item> 里的全部属性，它们会直接透传给底层元素，不再逐条列出。
ContextMenuSeparator
分组之间的细线分隔。
这个组件没有自己的属性。
ContextMenuLabel
分组的等宽小标题。
这个组件没有自己的属性。
再导出
ContextMenu = ContextMenuPrimitive.RootRadix ContextMenu 的根节点和触发器，带类型的原样透传。
ContextMenuTrigger = ContextMenuPrimitive.Trigger键盘操作
| 按键 | 作用 |
|---|---|
| ShiftF10 | 在平台支持的地方，用键盘打开菜单。 |
| ↑↓ | 在菜单项之间移动。 |
| Escape | 关闭它。 |