File drop zone
File drop zone
FileDropZone
provides a target area for users to drag and drop files, such as documents or images, and automatically uploads them to the web application.
Examples
How to use
Accessibility
Density
Mode
This component allows users to upload files they've selected from the native file browser interface or dragged-and-dropped. The component automatically uploads the files to your web application.
You can customize the message in the file drop zone to suit your needs. We recommend passing a header to the component to indicate the expected action, such as "Drop files here". Communicate any requirements, such as maximum file size and type restrictions as validation text within the component.