react-ipfs-dropzone

Cut out the middleman and upload your content straight to IPFS

Usage no npm install needed!

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

README

React IPFS Dropzone

Cut out the middleman and upload your content straight to IPFS

Installation

With NPM

  npm install --save react-ipfs-dropzone

  Peer Dependencies

  npm install --save ipfs ipfs-http-client 

With Yarn

  yarn add react-ipfs-dropzone

  Peer Dependencies

  yarn add ipfs ipfs-http-client

Usage


import React from 'react';

import IPFSDropzone from 'react-ipfs-dropzone';

export default function DummyComponent(props){
  return (
    <IPFSDropzone 
      onLoad={(cids) => {

      }}
      loadBody={(
        <span>Drop files</span>
      )} />
  );
}

Props

onLoad

callback fired with cids of all uploaded files

loadBody

Content of the dropzone internals

Styling

react-ipfs-dropzone is the base class name for styling