Drop Zone
The Drop Zone component allows users to drag and drop files or select them manually for a seamless and intuitive upload experience.
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 for more information.
Manual Installation
Make sure you also install the composed components and the required packages for the component to function properly.
Anatomy
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.