بارش شهاب
meteorsانیمیشنرگههای نوری که از بالا-راست به پایین-چپ میریزن، برای هیرو و کارتهای ویژه.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add meteorsنصب دستی
محتوای تب «کد» را در
components/animations/meteors.tsxبگذارید. کلیدفریم را هم بهglobals.cssاضافه کنید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { Meteors } from "@/components/animations/meteors"23<div className="relative overflow-hidden rounded-xl border p-8">4 <Meteors count={12} />5 …6</div>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| count | number | 12 | تعداد شهاب. |