پاپآور
popoverکامپوننتپنل کوچکی که به دکمه میچسبه و با کلیک بیرون یا Escape بسته میشه.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add popoverنصب دستی
محتوای تب «کد» را در
components/ui/popover.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { Popover } from "@/components/ui/popover"23<Popover trigger={<Button variant="outline">فیلتر</Button>} align="start">4 …5</Popover>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| side / align | "top"|"bottom" / "start"|"center"|"end" | bottom / start | جهت و تراز نسبت به دکمه. |
| open / onOpenChange | boolean | - | حالت کنترلشده. |