پیشرفت
progressکامپوننتنوار پیشرفتی که از راست پر میشه و درصدش را با اعداد فارسی نشان میده.
آپلود فایلها۷۲٪
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add progressنصب دستی
محتوای تب «کد» را در
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 / max | number | - | مقدار و بیشینه (پیشفرض ۱۰۰). |
| showValue | boolean | - | درصد با ارقام فارسی سمت چپ. |