آمار

statsبلاک

نوار چهار عدد کلیدی با جداکننده‌ی نازک؛ اعداد را از قبل فارسی بدهید.

اثبات
۲٬۴۰۰+
فروشگاه فعال
۹۹٫۹٪
دسترس‌پذیری

۱۲ ماه گذشته

۴٫۸
امتیاز کاربران

از ۵

۲۴/۷
پشتیبانی

نصب

  1. با CLI

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

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

    محتوای تب «کد» را در 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: "دسترس‌پذیری" }]} />