react-ipfs-dropzone

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