React Dropzone

Code example

import { useDropzone } from "react-dropzone";

export function Example() {
  const { getRootProps, getInputProps, isDragActive } = useDropzone({
    onDrop: (files) => console.log(files),
  });

  return (
    <div {...getRootProps()}>
      <input {...getInputProps()} />
      <p>{isDragActive ? "Drop files here" : "Drag files or click to browse"}</p>
    </div>
  );
}

Pros & cons

FAQs