ContextMenu

右键和上下文菜单键打开同一个菜单。

Right-click this request

<ContextMenu>
      <ContextMenu.Trigger className="flex h-44 w-400 items-center rounded-item bg-fill-1 px-16 text-body text-fg">
        Right-click this request
      </ContextMenu.Trigger>
      <ContextMenu.Content>
        <ContextMenu.Item icon={icons.openExternal}>Open in a sheet</ContextMenu.Item>
        <ContextMenu.Item icon={icons.copy}>Copy request id</ContextMenu.Item>
        <ContextMenu.Item icon={icons.filter}>Filter by this model</ContextMenu.Item>
      </ContextMenu.Content>
    </ContextMenu>

import { ContextMenu } from "@logicplanes/kaeso-ui";

属性

children
ReactNode
右键点击或长按时打开菜单的区域。
defaultOpen
boolean
非受控时，是否初始为打开状态。
modal
boolean
菜单打开时阻止与页面其余部分交互。
onOpenChange
((open: boolean) => void)
打开或关闭时调用。
open
boolean
受控时，是否处于打开状态。