پیشرفت

progressکامپوننت

نوار پیشرفتی که از راست پر میشه و درصدش را با اعداد فارسی نشان میده.

آپلود فایل‌ها۷۲٪

نصب

  1. با CLI

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

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

    محتوای تب «کد» را در components/ui/progress.tsx بگذارید.

    $ npm i lucide-react
    کپی کل فایلregistry json

استفاده

usage.tsx
1import { Progress } from "@/components/ui/progress"23<Progress value={72} label="آپلود فایل‌ها" showValue />

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
value / maxnumber-مقدار و بیشینه (پیش‌فرض ۱۰۰).
showValueboolean-درصد با ارقام فارسی سمت چپ.