ظهور پنل
panel-revealانیمیشنپنلی که با کمی تاری سر جاش سُر میخوره؛ در فارسی از سمت راست میآد و وقتی بستهست از دسترس کیبورد هم خارجه.
فیلترها
ارزانترینپرفروشموجودتخفیفدار
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add panel-revealنصب دستی
محتوای تب «کد» را در
components/animations/panel-reveal.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { PanelReveal } from "@/components/animations/panel-reveal"23<PanelReveal open={open} from="start" className="rounded-xl border p-4">4 …5</PanelReveal>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| open | boolean | - | باز یا بسته. |
| from | "start" | "end" | "bottom" | "top" | "start" | جهت ورود. start در فارسی یعنی از راست. |
نکتهها
- وقتی بستهست، ویژگی inert روی پنل میشینه تا نه با Tab بهش برسید و نه صفحهخوان چیزی از داخلش بخونه.