ContextMenu

import { ContextMenu, type ContextMenuItem } from "@vortex/ui-cals"
 
const items: ContextMenuItem[] = [
  { key: "copy", label: "복사" },
  { key: "paste", label: "붙여넣기" },
  { key: "sep1", label: "", type: "separator" },
  { key: "delete", label: "삭제", type: "danger" },
]
 
function Example() {
  const [open, setOpen] = useState(false)
  const [pos, setPos] = useState({ x: 0, y: 0 })
 
  return (
    <div onContextMenu={(e) => {
      e.preventDefault()
      setPos({ x: e.clientX, y: e.clientY })
      setOpen(true)
    }}>
      우클릭 영역
      <ContextMenu
        open={open}
        onOpenChange={setOpen}
        x={pos.x}
        y={pos.y}
        items={items}
        onItemClick={(item) => console.log(item.key)}
      />
    </div>
  )
}