ascii.cnlibs.com
GithubX

Context Menu

A menu of actions triggered by a right click.

right-click this row

## installation

pnpm dlx shadcn@latest add https://ascii.cnlibs.com/r/context-menu.json

## usage

import { AsciiBox } from "@/components/ascii/ascii-box";
import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger } from "@/components/ui/context-menu";
<ContextMenu>
  <ContextMenuTrigger>
    <AsciiBox width={40} title="deploy.log">right-click this row</AsciiBox>
  </ContextMenuTrigger>
  <ContextMenuContent chWidth={22}>
    <ContextMenuItem>Rename</ContextMenuItem>
    <ContextMenuItem>Duplicate</ContextMenuItem>
    <ContextMenuItem>Download</ContextMenuItem>
    <ContextMenuSeparator />
    <ContextMenuItem variant="destructive">Delete</ContextMenuItem>
  </ContextMenuContent>
</ContextMenu>