ContextMenu

The same menu on right-click and the context-menu key.

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";

Props

children
ReactNode
The area that opens the menu on a right click or long press.
defaultOpen
boolean
Whether it starts open, when the component keeps its own state.
modal
boolean
Blocks the rest of the page while the menu is open.
onOpenChange
((open: boolean) => void)
Called when it opens or closes.
open
boolean
Whether it is open, when you control it.