File Upload
Drag-and-drop dropzone uploader with file size/type validation and removal controls.
1Installation
npm i elementra-ui2Add Component CLI
npx elementra-ui add file-upload3Interactive Dropzone Preview
Click to upload or drag & drop
SVG, PNG, JPG, GIF or PDF (max 10MB)
Code Usage
import { FileUpload } from "@/components/ui/file-upload";
export default function FileUploadDemo() {
return (
<FileUpload
accept="image/*,.pdf"
maxFiles={5}
maxSizeMB={10}
multiple={true}
onFilesChange={(files) => console.log("Uploaded files:", files)}
/>
);
}