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

import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@parto-system-design/ui'
import { Button } from '@parto-system-design/ui'

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

<DropdownMenu>
  <DropdownMenuTrigger asChild>
    <Button>تنظیمات نمایش</Button>
  </DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuCheckboxItem checked={showGrid}>نمایش جدول</DropdownMenuCheckboxItem>
    <DropdownMenuCheckboxItem checked={showChart}>نمایش نمودار</DropdownMenuCheckboxItem>
  </DropdownMenuContent>
</DropdownMenu>

<DropdownMenu>
  <DropdownMenuTrigger asChild>
    <Button>عملیات</Button>
  </DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuItem>ویرایش</DropdownMenuItem>
    <DropdownMenuSub>
      <DropdownMenuSubTrigger>انتقال به</DropdownMenuSubTrigger>
      <DropdownMenuSubContent>
        <DropdownMenuItem>پوشه ۱</DropdownMenuItem>
        <DropdownMenuItem>پوشه ۲</DropdownMenuItem>
      </DropdownMenuSubContent>
    </DropdownMenuSub>
  </DropdownMenuContent>
</DropdownMenu>