components

File Upload

Allow users to upload files

Source Code

Upload files

Drag & drop or click to browse

All files∙Max 10 files∙Up to 100MB

Installation

pnpm dlx radianui@latest add file-upload

Usage

Imports

/components/ui/file-upload.tsx
import { useFileUpload } from "@/components/ui/file-upload"

Code

/components/ui/file-upload.tsx
<Input className="w-fit" type="file" />

Examples

File Input

Image Upload

Uploaded Files (2)

image-01.jpg
image-02.jpg

Document Upload

Files (4)

report.pdf

512KB

resume.docx

1MB

financials.xlsx

2MB

notes.txt

10KB

Avatar Upload

Upload avatar

PNG, JPG up to 2MB

Credits

Built with coss ui File Upload Hook.