وایب‌فارسیUI

آپلود فایل

file-uploadکامپوننت

آپلود فایل با کشیدن و رها کردن، فهرست فایل‌ها با حجم فارسی و محدودیت اندازه.

فایل را این‌جا رها کنید یا انتخاب کنید

PDF یا PNG، تا ۵ مگابایت

نصب

  1. با CLI

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

    $ npx vibefarsi add file-upload

  2. نصب دستی

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

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

استفاده

usage.tsx
1import { FileUpload } from "@/components/ui/file-upload"23<FileUpload accept=".pdf,.png" maxSize={5 * 1024 * 1024} hint="PDF یا PNG، تا ۵ مگابایت" onFiles={setFiles} />

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
maxSizenumber-به بایت. فایل بزرگ‌تر رد میشه و پیام فارسی میده.
onFiles(files: File[]) => void-فهرست فعلی پس از هر تغییر.
قبلیامتیازبعدیتقویم شمسی