Beautiful Drag'n'drop File Uploader - react-drop-file-input

Description:

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;