منوی کشویی
dropdown-menuکامپوننتمنوی عمل با میانبر، جداکننده و آیتم قرمز برای حذف.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add dropdown-menuنصب دستی
محتوای تب «کد» را در
components/ui/dropdown-menu.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { DropdownMenu } from "@/components/ui/dropdown-menu"23<DropdownMenu4 trigger={<Button variant="outline" size="icon"><MoreHorizontal /></Button>}5 items={[6 { label: "ویرایش", icon: Pencil, shortcut: "E" },7 { label: "کپی لینک", icon: Copy },8 { type: "separator" },9 { label: "حذف", icon: Trash2, danger: true, onSelect: remove },10 ]}11/>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| items | MenuItem[] | - | item | separator | label. |
| align | "start" | "end" | "start" | تراز منو نسبت به دکمه. |