آمار

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