Dropzone

Simple file upload that supports drag and drop or browsing. A proxy to react-dropzone with some default styles applied.

Props

children

Node

className

String

forwardedRef

Custom

onDrop

Func

required

placeholder

String

Examples

Default Usage

Drag and drop or browse your files

<Dropzone /><Dropzone />

Custom Placeholder with default icon

Placeholder content with default icon

<Dropzone placeholder="Placeholder content with default icon" /><Dropzone placeholder="Placeholder content with default icon" />

Custom Placeholder

Any content provided as children to this component will be rendered as the placeholder

Including other components!