شماره‌انداز

odometerانیمیشن

هر رقم مثل کنتور مکانیکی به مقدار جدید می‌غلتد؛ برای قیمت‌های زنده.

۰۱۲۳۴۵۶۷۸۹۰۱۲۳۴۵۶۷۸۹٬۰۱۲۳۴۵۶۷۸۹۰۱۲۳۴۵۶۷۸۹۰۱۲۳۴۵۶۷۸۹٬۰۱۲۳۴۵۶۷۸۹۰۱۲۳۴۵۶۷۸۹۰۱۲۳۴۵۶۷۸۹تومان

نصب

  1. با CLI

    اگر هنوز init نکرده‌اید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور قطعه و وابستگی‌هایش را می‌نویسد.

    $ npx vibefarsi add odometer
  2. نصب دستی

    محتوای تب «کد» را در 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" />

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
valuenumber-مقدار؛ با هر تغییر رقم‌ها می‌غلتند.
unitstring-واحد کوچک کنار عدد.