Components
A drag-and-drop file upload area with image preview, file-type and size validation, single or multiple file support, and error handling.
Loading preview...
'use client'
import { FileDropzone } from '@/components/ui/file-dropzone'
function FileForm() {
const handleUpload = (file: File) => {
console.log('File uploaded:', file.name, file.type)
}
return (
<div className="flex flex-col gap-4 p-10">
<FileDropzone
accept="application/pdf,image/*"
maxSizeMB={10}
maxFiles={20}
multiple={true}
onUpload={handleUpload}
/>
</div>
)
}
export default FileForm