Dropzone component lets users upload files by clicking on, or dragging and
dropping onto the "drop zone". It can also be be triggered by clicking on the
Dropzone must be accompanied by a
Field with a label.
Effective form labeling helps inform users which selection to make.
By providing an
accept prop, we can make the
Dropzone only accept certain
Accepted MIME types:
Show Image Thumbnails
By default, once a file as been added to the Dropzone, a document icon will
displayed next to the file name in the list below. If you have uploaded an
image, you can use the
showImageThumbnails to show an image preview instead.
"audio/*" | "audio/mpeg" | "audio/wav" | "image/*" | "image/gif" | "image/heic" | "image/jpeg" | "image/png" | "image/svg+xml" | "image/tiff" | "image/webp" | "text/*" | "text/csv" | ... 12 more ... | ("audio/*" | ... 23 more ... | "application/zip")
File type(s) that the Dropzone should be allowed to accept.
Maximum number of files that the Dropzone should be allowed to accept.
Maximum file size that the Dropzone should be allowed to accept. Value should be provided in kB
Minimum file size that the Dropzone should be allowed to accept. Value should be provided in kB
When true, renders an image preview next to file previews.