منوی راست‌کلیک

نصب

1. با CLI

   اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

   $ npx vibefarsi add context-menu

2. نصب دستی

   محتوای تب «کد» را در components/ui/context-menu.tsx بگذارید. پیش‌نیاز: dropdown-menu.

   $ npm i lucide-react
   کپی کل فایلregistry json

استفاده

1import { ContextMenu } from "@/components/ui/context-menu"23<ContextMenu items={[{ label: "ویرایش", icon: Pencil }, { type: "separator" }, { label: "حذف", danger: true }]}>4  <div className="rounded-xl border p-8">راست‌کلیک کنید</div>5</ContextMenu>