وایب‌فارسیUI

منوی کشویی

dropdown-menuکامپوننت

منوی عمل با میانبر، جداکننده و آیتم خطرناک.

نصب

  1. با CLI

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

    $ npx vibefarsi add dropdown-menu

  2. نصب دستی

    محتوای تب «کد» را در 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/>

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
itemsMenuItem[]-item | separator | label.
align"start" | "end""start"تراز منو نسبت به دکمه.
قبلیتأیید عملبعدیراهنمای ابزار