آمار
statsبلاکنوار چهار عدد کلیدی با جداکنندهی نازک؛ اعداد را از قبل فارسی بدهید.
اثبات
- ۲٬۴۰۰+
- فروشگاه فعال
- ۹۹٫۹٪
- دسترسپذیری
- ۴٫۸
- امتیاز کاربران
- ۲۴/۷
- پشتیبانی
۱۲ ماه گذشته
از ۵
نصب
با CLI
اگر هنوز init نکردهاید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور قطعه و وابستگیهایش را مینویسد.
$ npx vibefarsi add statsنصب دستی
محتوای تب «کد» را در
components/blocks/stats.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { StatsBlock } from "@/components/blocks/stats"23<StatsBlock items={[{ value: "۲٬۴۰۰+", label: "فروشگاه فعال" }, { value: "۹۹٫۹٪", label: "دسترسپذیری" }]} />