Docs
コンテキスト メニュー

コンテキスト メニュー

ボタンによってトリガーされるアクションや機能などのセットをユーザーに表示するメニュー

DocsAPI Reference
Right click here

インストール

npx shadcn-ui@latest add context-menu

使用法

import {
  ContextMenu,
  ContextMenuContent,
  ContextMenuItem,
  ContextMenuTrigger,
} from "@/components/ui/context-menu"
<ContextMenu>
  <ContextMenuTrigger>右クリック</ContextMenuTrigger>
  <ContextMenuContent>
    <ContextMenuItem>プロフィール</ContextMenuItem>
    <ContextMenuItem>請求</ContextMenuItem>
    <ContextMenuItem>チーム</ContextMenuItem>
    <ContextMenuItem>サブスクリプション</ContextMenuItem>
  </ContextMenuContent>
</ContextMenu>