Context Menu

Ações contextuais no clique direito / long-press.

Sobreposições e menus

Clique com o botão direito

Código da demo

"use client";

import {
  ContextMenu,
  ContextMenuContent,
  ContextMenuItem,
  ContextMenuSeparator,
  ContextMenuShortcut,
  ContextMenuTrigger,
} from "@/components/ui/context-menu";

export function Demo() {
  return (
    <ContextMenu>
      <ContextMenuTrigger className="flex h-32 w-full max-w-sm items-center justify-center rounded-md border border-dashed border-border bg-surface fe-body text-muted-foreground">
        Clique com o botão direito
      </ContextMenuTrigger>
      <ContextMenuContent>
        <ContextMenuItem>
          Voltar
          <ContextMenuShortcut>⌘[</ContextMenuShortcut>
        </ContextMenuItem>
        <ContextMenuItem disabled>Avançar</ContextMenuItem>
        <ContextMenuSeparator />
        <ContextMenuItem>Recarregar</ContextMenuItem>
      </ContextMenuContent>
    </ContextMenu>
  );
}

Acessibilidade: Foco no menu; Esc fecha; itens com atalhos opcionais.
Importar: import { ContextMenu, ContextMenuTrigger, ContextMenuContent } from "@financeequity/ui/context-menu"
Neste repositório:
import { ContextMenu, ContextMenuTrigger, ContextMenuContent } from "@/components/ui/context-menu"
Dependências: radix-ui