منوی کشویی (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
- زیرمنوها
- کلیدهای میانبر
- جداکنندهها