Context Menu

Context Menu (컨텍스트 메뉴)

버튼(우클릭)으로 트리거되는 메뉴를 표시하는 컴포넌트예요. 일련의 동작이나 기능을 우클릭 메뉴로 제공하고 싶을 때 사용해요.

출처: 문서

본문

설치 (Installation)

npx shadcn@latest add context-menu

npm install @radix-ui/react-context-menu

사용법 (Usage)

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

<ContextMenu>
  <ContextMenuTrigger>Right click</ContextMenuTrigger>
  <ContextMenuContent>
    <ContextMenuItem>Profile</ContextMenuItem>
    <ContextMenuItem>Billing</ContextMenuItem>
    <ContextMenuItem>Team</ContextMenuItem>
    <ContextMenuItem>Subscription</ContextMenuItem>
  </ContextMenuContent>
</ContextMenu>

더 알아보기 (Learn more)

• Context Menu · shadcn/ui
• Radix UI Context Menu