react-image-dropzone

A component to enble image file drag and drop

Usage no npm install needed!

<script type="module">
  import reactImageDropzone from 'https://cdn.skypack.dev/react-image-dropzone';
</script>

README

React Image DropZone

A component that enables react developers to add image drag and drop to a page

react-image-dropzone Storybook

Install

npm install react-image-dropzone

Examples

    const imagePicked = image => console.log(image)

    <ImageDropZone
      width={640}
      height={359}
      imageWidth={640}
      imageHeight={359}
      imagePicked={imagePicked}
    />

    <ImageDropZone
      anySize
      width={512}
      height={512}
      imageWidth={512}
      imageHeight={512}
      imageDefault={imageDefault}
      imagePicked={imagePicked}
    />

    <ImageDropZone
      style={{ width: '512px', height: '512px' }}
      anySize
      showButton
      width={512}
      height={512}
      imageDefault={imageDefault}
      imagePicked={imagePicked}
    />