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