رفع الملف
تُعالج أنماط رفع الملفات حالة النقل والتقدّم والتحقّق من الملفات المرفقة.
Loading demo: file-upload-real-world
التثبيت
npx sdaia-ui@latest add file-upload
الاستخدام
import { FileUpload } from "@/components/ui/fileuploader"الأمثلة
الافتراضي
منطقة رفع بالسحب والإفلات مع زر تصفّح ومؤشر تقدّم الرفع.
Loading demo: file-upload-default
مرجع الواجهة البرمجية
FileUploadBaseProps
خصائص مكوّن FileUploadBase.
Prop | Type | Default | Required |
|---|---|---|---|
label | ReactNode | 'Choose a file or drag & drop it here.' | optional |
helperText | ReactNode | 'JPEG, PNG, PDF, and GIF formats, up to 2MB' | optional |
showHelperText | boolean | true | optional |
showBrowseButton | boolean | true | optional |
browseLabel | ReactNode | 'Browse file' | optional |
disabled | boolean | false | optional |
active | boolean | false | optional |
onBrowse | MouseEventHandler<HTMLButtonElement> | - | optional |
dir | 'ltr' | 'rtl' | - | optional |
rtl | boolean | false (deprecated) | optional |