آمار
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: "دسترسپذیری" }]} />