پیشرفت

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-درصد با ارقام فارسی سمت چپ.