A drag-and-drop file upload area with image preview, file-type and size validation, single or multiple file support, and error handling.
'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