Get started with react-dropzone CDN
MIT licensed
React-dropzone is a popular library for building drag-and-drop file uploads in React applications.
Tags:- react-component
- react
- drag
- drop
- upload
- file-upload
- file
- drag-and-drop
Stable version
Copied!
How to start using react-dropzone CDN
import React from 'react';
import { useDropzone } from 'react-dropzone';
function Dropzone() {
const { getRootProps, getInputProps, isDragActive } = useDropzone({ accept: 'image/*' });
return (
<div {...getRootProps()}>
<input {...getInputProps()} />
<p>Drag 'n' drop some files here, or click to select files</p>
{isDragActive ? (
<p>Drop the files here ...</p>
) : (
<p>No files chosen yet.</p>
)}
</div>
);
}
export default Dropzone;
Copied!
Copied!
All versions
10.0.0
10.0.1
10.0.2
10.0.3
10.0.4
10.0.5
10.0.6
10.1.0
10.1.1
10.1.10
10.1.2
10.1.3
10.1.4
10.1.5
10.1.6
10.1.7
10.1.8
10.1.9
10.2.0
10.2.1
10.2.2
11.0.0
11.0.1
11.0.2
11.0.3
11.1.0
11.2.0
11.2.1
11.2.2
11.2.3
11.2.4
11.3.0
11.3.1
11.3.2
11.3.3
11.3.4
11.3.5
11.4.0
11.4.1
11.4.2
11.5.0
11.5.1
11.5.2
11.5.3
11.6.0
11.7.0
11.7.1
12.0.0
12.0.1
12.0.2
12.0.3
12.0.4
12.0.5
12.0.6
12.1.0
13.0.0
14.0.0
14.0.1
14.1.0
14.1.1
14.1.2
14.2.0
14.2.1
14.2.2
*** 14.2.3
3.10.0
3.11.0
3.11.1
3.11.2
3.12.0
3.12.1
3.12.2
3.12.3
3.12.4
3.13.0
3.13.1
3.13.2
3.13.3
3.13.4
3.3.3
3.3.4
3.4.0
3.5.0
3.5.1
3.5.2
3.5.3
3.6.0
3.7.0
3.7.2
3.7.3
3.7.4
3.8.0
3.9.0
3.9.1
3.9.2
4.0.0
4.0.1
4.1.0
4.1.1
4.1.2
4.1.3
4.2.0
4.2.1
4.2.10
4.2.11
4.2.12
4.2.13
4.2.2
4.2.3
4.2.4
4.2.5
4.2.6
4.2.7
4.2.8
4.2.9
4.3.0
4.3.1
5.0.0
5.0.1
5.0.2
5.1.0
5.1.1
6.0.0
6.0.1
6.0.2
6.0.3
6.0.4
6.1.0
6.1.1
6.1.2
6.1.3
6.2.0
6.2.1
6.2.2
6.2.3
6.2.4
7.0.0
7.0.1
8.0.0
8.0.1
8.0.2
8.0.3
8.0.4
8.1.0
8.2.0
9.0.0