https://github.com/bourdakos1/react-magic-dropzone

✨Magically drag and drop files/links for uploading
https://github.com/bourdakos1/react-magic-dropzone

component drag-and-drop dropzone files input links react upload

Last synced: 9 months ago
JSON representation

✨Magically drag and drop files/links for uploading

• Host: GitHub
• URL: https://github.com/bourdakos1/react-magic-dropzone
• Owner: bourdakos1
• License: mit
• Created: 2017-11-01T23:44:09.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-11-08T04:31:28.000Z (over 8 years ago)
• Last Synced: 2025-10-06T06:47:10.456Z (9 months ago)
• Topics: component, drag-and-drop, dropzone, files, input, links, react, upload
• Language: JavaScript
• Homepage:
• Size: 10.3 MB
• Stars: 11
• Watchers: 3
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# ✨Magic Dropzone [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Drag-and-drop%20files%20or%20urls!%20Built%20for%20React:&url=https://github.com/bourdakos1/react-magic-dropzone&hashtags=react,component,dropzone,developers)

[![Build Status](https://travis-ci.org/bourdakos1/react-magic-dropzone.svg?branch=master)](https://travis-ci.org/bourdakos1/react-magic-dropzone)

[![codecov](https://codecov.io/gh/bourdakos1/react-magic-dropzone/branch/master/graph/badge.svg)](https://codecov.io/gh/bourdakos1/react-magic-dropzone)

[![license](https://img.shields.io/github/license/bourdakos1/react-magic-dropzone.svg)](https://github.com/bourdakos1/react-magic-dropzone/blob/master/LICENSE)

[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

[![npm-version](https://img.shields.io/npm/v/react-magic-dropzone.svg)](https://www.npmjs.com/package/react-magic-dropzone)

[![npm-downloads](https://img.shields.io/npm/dm/react-magic-dropzone.svg)](https://www.npmjs.com/package/react-magic-dropzone)



  

  
Try out the demo



## Installation

```bash

yarn add react-magic-dropzone

```

or:

```bash

npm install --save react-magic-dropzone

```

## Usage

Import `MagicDropzone` in your React component:

```javascript static

import MagicDropzone from 'react-magic-dropzone'

```

```jsx

onDrop = (accepted, rejected, links) => {

  // Have fun

}

```

```jsx

  Drop some files on me!

```

[![Edit y200pqy4pz](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/y200pqy4pz)

## License

MIT