آمار

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-واحد کنار عدد.