Beautiful Drag’n’drop File Uploader – react-drop-file-input

A beautiful drag and drop file input component for React.

How to use it:

1. Install and import the react-drop-file-input component.

import DropFileInput from './components/drop-file-input/DropFileInput';

2. Basic usage.

function App() {
  const onFileChange = (files) => {
      console.log(files);
  }
  return (
      <div className="box">
          <h2 className="header">
              React drop files input
          </h2>
          <DropFileInput
              onFileChange={(files) => onFileChange(files)}
          />
      </div>
  );
}
export default App;

Preview:

Download Details:

Author: trananhtuat

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/trananhtuat/react-drop-file-input

License: MIT