آمار
statکامپوننتعدد کلیدی با میزان تغییرش نسبت به دورهی قبل.
درآمد این ماه
۲۱۶٬۰۰۰٬۰۰۰تومان
۱۸٪مشتریان جدید
۳۸
۴٪نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add statنصب دستی
محتوای تب «کد» را در
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} />پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| delta | number | - | درصد تغییر. مقدار منفی قرمز و رو به پایین نشان داده میشه. |
| unit | ReactNode | - | واحد کنار عدد. |