Drop Zone
Drag and drop files here is like droppin' postcards into a mailbox easy and effective for quick uploads.
Basic
DropZone provides support for mouse, keyboard, and touch interactions. Simply connect the onDrop prop to handle all the drop actions. Additionally, you’ll receive real-time updates through onDropEnter, onDropMove, and onDropExit events as users interact with the drop zone.
Installation
If you hit any issues, make sure you check out the installation guide here.
Manual Installation
Sometimes, using the CLI is the way to go, so make sure you install the necessary dependencies for the components you want to use.
Anatomy
Import the components and use them as shown below, adapting the structure to fit each component.
Using FileTrigger
The FileTrigger component can be used to select files from the file system, making it an excellent tool for managing files that have been dragged and dropped into the browser.