Context Menu

우클릭 시 표시되는 컨텍스트 메뉴 컴포넌트입니다.

설치

Terminal

npx @msub-core/ui-cli add context-menu

사용법

TSX

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

function MyComponent() {
  return (
    <ContextMenu>
      <ContextMenuTrigger>
        <div>우클릭하세요</div>
      </ContextMenuTrigger>
      <ContextMenuContent>
        <ContextMenuItem>메뉴 항목</ContextMenuItem>
      </ContextMenuContent>
    </ContextMenu>
  )
}

기본

우클릭하세요

Prop	Type	Default	Required	Description
variant	"default" \| "destructive"	"default"	No	메뉴 아이템 스타일
disabled	boolean	false	No	비활성화 상태
shortcut	string	-	No	키보드 단축키 표시

단축키

우클릭하세요

그룹과 레이블

우클릭하세요

비활성화 항목

우클릭하세요