npm install @rpldy/upload-drop-zone
yarn add @rpldy/upload-drop-zone
pnpm add @rpldy/upload-drop-zone
Drop zone (container) component to initiate file and folder content uploads Supports individual files as well as recursively iterating over a dropped directory to upload its contents.
Can easily be combined with other D&D solutions.
Drop Zones can use different configuration overrides that supersede the options passed to the parent Uploady.
Some options cannot be overriden by the button. For example, any prop that influences the file input directly (such as 'multiple')
Simple example, shows how upload options can be passed to the drop-zone (grouped, maxGroupSize).
import Uploady from "@rpldy/uploady";
import UploadDropZone from "@rpldy/upload-drop-zone";
const App = () => (
<span>Drag&Drop File(s) Here</span>