شمارهانداز
odometerانیمیشنهر رقم مثل کنتور مکانیکی به مقدار جدید میغلتد؛ برای قیمتهای زنده.
۰۱۲۳۴۵۶۷۸۹۰۱۲۳۴۵۶۷۸۹٬۰۱۲۳۴۵۶۷۸۹۰۱۲۳۴۵۶۷۸۹۰۱۲۳۴۵۶۷۸۹٬۰۱۲۳۴۵۶۷۸۹۰۱۲۳۴۵۶۷۸۹۰۱۲۳۴۵۶۷۸۹تومان
نصب
با CLI
اگر هنوز init نکردهاید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور قطعه و وابستگیهایش را مینویسد.
$ npx vibefarsi add odometerنصب دستی
محتوای تب «کد» را در
components/animations/odometer.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { Odometer } from "@/components/animations/odometer"23<Odometer value={price} unit="تومان" className="text-3xl font-bold" />پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| value | number | - | مقدار؛ با هر تغییر رقمها میغلتند. |
| unit | string | - | واحد کوچک کنار عدد. |