Fluixi UI
GitHub ↗

Examples

Loading preview…

context-menu

Right-click contextual menu anchored to the cursor position.


A headless context menu (WAI-ARIA menu) that opens at the pointer on right-click.

import { ContextMenu, ContextMenuTrigger, ContextMenuPortal, ContextMenuContent, ContextMenuItem } from '@fluixi/context-menu';

<ContextMenu>
  <ContextMenuTrigger>Right-click me</ContextMenuTrigger>
  <ContextMenuPortal>
    <ContextMenuContent>
      <ContextMenuItem onSelect={back}>Back</ContextMenuItem>
      <ContextMenuItem onSelect={reload}>Reload</ContextMenuItem>
    </ContextMenuContent>
  </ContextMenuPortal>
</ContextMenu>

Opens at the cursor on contextmenu; arrow/Home/End navigation, type-ahead, Escape/outside dismissal, onSelect closes.


Part of the Fluixi UI component library. Made with ☕ by the Fluixi team.