ContextMenu

Dasselbe Menü per Rechtsklick und mit der Kontextmenü-Taste.

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
Der Bereich, der das Menü mit einem Rechtsklick oder langem Drücken öffnet.
defaultOpen
boolean
Ob es anfangs geöffnet ist, wenn die Komponente ihren Zustand selbst verwaltet.
modal
boolean
Sperrt den Rest der Seite, solange das Menü offen ist.
onOpenChange
((open: boolean) => void)
Wird aufgerufen, wenn es sich öffnet oder schließt.
open
boolean
Ob es geöffnet ist, bei gesteuertem Zustand.