روکشPopover
پاپاور
پنجره شناور برای نمایش محتوای اضافی
پیشفرض
پاپاور ساده
<Popover>
<PopoverTrigger asChild>
<Button variant="outline">باز کردن</Button>
</PopoverTrigger>
<PopoverContent className="w-80">
<div className="space-y-2">
<h4 className="font-medium">عنوان</h4>
<p className="text-sm text-muted-foreground">
محل قرارگیری محتوا که میتواند با کامپوننت جایگزین شود.
</p>
</div>
</PopoverContent>
</Popover>نصب دستی
وابستگیها
برای استفاده از Popover، باید این بستهها را نصب کنید:
npm install @radix-ui/react-popoverکد زیر را میتوانید در پروژه خود کپی کنید تا Popover را به صورت دستی اضافه کنید:
نمونههای بیشتر
با فرم
پاپاور همراه با فرم
انتخاب تاریخ
پاپاور برای انتخاب تاریخ