روکشDropdown Menu

منوی کشویی

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

پیش‌فرض

منوی کشویی ساده

<DropdownMenu>
  <DropdownMenuTrigger asChild>
    <Button>
      عنوان
      <ChevronDown className="h-4 w-4 ms-2" />
    </Button>
  </DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuItem>عنوان</DropdownMenuItem>
    <DropdownMenuItem>عنوان</DropdownMenuItem>
    <DropdownMenuItem>عنوان</DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>

نصب دستی

وابستگی‌ها

برای استفاده از Dropdown Menu، باید این بسته‌ها را نصب کنید:

npm install @radix-ui/react-dropdown-menu

کد زیر را می‌توانید در پروژه خود کپی کنید تا Dropdown Menu را به صورت دستی اضافه کنید:

نمونه‌های بیشتر

با جستجو

منوی کشویی همراه با فیلد جستجو

با آیکون

منوی کشویی با آیکون و جداکننده