![A screenshot of the WordPress Gutenberg component "DropZone".](https://wp-gb.com/wp-content/uploads/2021/01/component-DropZone.png)
A zone for dropping files or HTML.
<DropZoneProvider>
<div style={{ backgroundColor: "#e7e7e7", padding: "56px 64px" }}>
{ false ? 'Dropped!' : 'Drop something here' }
<DropZone
onFilesDrop={ (e) => console.log(e) }
onHTMLDrop={ (e) => console.log(e) }
onDrop={ (e) => console.log(e) }
/>
</div>
</DropZoneProvider>
The DropZone component should be wrapped with a DropZoneProvider component.