react-drop-region v2.0.0

Installation

npm install react-drop-region

or

yarn add react-drop-region

Usage

Live demo: CodeSandbox

import DropRegion from "react-drop-region";

export default function DropRegionDemo() {
  const [isHovering, setIsHovering] = useState(false);

  return (
    <DropRegion
      setIsHovering={isHovering => {
        setIsHovering(isHovering);
      }}
      handleAcceptedFiles={files => {
        console.log("Accepted files: ", files);
      }}
    >
      <div
        className="drop-region"
        style={{ height: 150, width: 300, border: "2px dashed hotpink" }}
      >
        {isHovering ? "Drop here" : "Drag and drop to upload"}
      </div>
    </DropRegion>
  );
}

Props

* indicates that the prop is required.