پرتوپرتو

منوی کشویی (Dropdown Menu)

منوی کشویی با آیتم‌های مختلف

معرفی

کامپوننت DropdownMenu برای نمایش منوی کشویی با گزینه‌های مختلف استفاده می‌شود.

استفاده

import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuTrigger,
} from '@parto/ui';
import { Button } from '@parto/ui';

export default function MyComponent() {
  return (
    <DropdownMenu>
      <DropdownMenuTrigger asChild>
        <Button>باز کردن منو</Button>
      </DropdownMenuTrigger>
      <DropdownMenuContent>
        <DropdownMenuItem>ویرایش</DropdownMenuItem>
        <DropdownMenuItem>کپی</DropdownMenuItem>
        <DropdownMenuItem>حذف</DropdownMenuItem>
      </DropdownMenuContent>
    </DropdownMenu>
  );
}

ویژگی‌ها

  • پشتیبانی از checkbox و radio items
  • زیرمنوها
  • کلیدهای میانبر
  • جداکننده‌ها