پاپآور
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 | - | حالت کنترلشده. |