روکش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 را به صورت دستی اضافه کنید:

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

با فرم

پاپ‌اور همراه با فرم

انتخاب تاریخ

پاپ‌اور برای انتخاب تاریخ