ContextMenu

ContextMenu defines how EnterUI handles right-click and keyboard context actions, including default structure, accessible states, and token-driven styling.

#Default usage

<ContextMenu>
  <ContextMenuTrigger asChild><Button variant="secondary">Context target</Button></ContextMenuTrigger>
  <ContextMenuContent>
    <ContextMenuItem>Open</ContextMenuItem>
    <ContextMenuItem>Duplicate</ContextMenuItem>
    <ContextMenuSeparator />
    <ContextMenuItem destructive>Delete</ContextMenuItem>
  </ContextMenuContent>
</ContextMenu>

#Import

import {
  Button,
  ContextMenu,
  ContextMenuContent,
  ContextMenuItem,
  ContextMenuSeparator,
  ContextMenuTrigger,
} from "@froggdesign/enter-ui-react";

#Accessibility

ContextMenu uses Radix behavior for menu semantics, keyboard access, roving focus, disabled items, and nested menus.

#API

• ContextMenuItem supports destructive and inset.
• Checkbox, radio, label, separator, sub-menu, and portal primitives are exported.
• Trigger supports asChild.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.