آمار

statکامپوننت

عدد کلیدی با میزان تغییرش نسبت به دوره‌ی قبل.

درآمد این ماه

۲۱۶٬۰۰۰٬۰۰۰تومان

۱۸٪

مشتریان جدید

۳۸

۴٪

نصب

  1. با CLI

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

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

    محتوای تب «کد» را در components/ui/stat.tsx بگذارید.

    $ npm i lucide-react
    کپی کل فایلregistry json

استفاده

usage.tsx
1import { Stat } from "@/components/ui/stat"23<Stat label="درآمد این ماه" value={faNumber(216_000_000)} unit="تومان" delta={18} />

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
deltanumber-درصد تغییر. مقدار منفی قرمز و رو به پایین نشان داده میشه.
unitReactNode-واحد کنار عدد.