Forms

File Upload — Drag and Drop

Drag-and-drop file picker with browse fallback, size validation, and a removable selected-files list.

Subscription Included with the Velocity Components subscription.

bash

$ velocityx add file-upload-dropzone

Built for react. Needs react, react-dom already installed as peer dependencies. An Astro-only project needs @astrojs/react wired up first — this won't run on its own in plain Astro.

Full docs for File Upload — Drag and Drop →

Needs a licence key — subscribe here, then velocityx loginonce.

react v1.0.0 react react-dom

File Upload — Drag and Drop

Upload files

Drag & drop files here, or browse

PDF, PNG or JPG, up to 10MB each.

Props

Name	Type	Required	Default
label	string	No	'Upload files'
helpText	string	No	'PDF, PNG or JPG, up to 10MB each.'
accept	string	No	'.pdf,.png,.jpg,.jpeg'
maxSizeMb	number	No	10
multiple	boolean	No	true
onFilesChange	undocumented	Yes

2 fields in this table have an undocumented type — see source for the exact shape.

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text

components/velocity/file-upload-dropzone/FileUploadDropzone.jsx

Using the File Upload — Drag and Drop component

Install it with velocityx add file-upload-dropzone. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

All 406 components

File Upload — Drag and Drop

Props

File this creates

Using the File Upload — Drag and Drop component

Related components