4.0.2 • Published 7 years ago
react-droparea v4.0.2
Droparea - HTML5 file Drag and Drop component
Instalation
npm install react-droparea
Usage
React = require 'react'
{div} = React.DOM
Dragarea = React.createFactory(require '../index')
App = React.createClass
_onDrop: (file) ->
console.log file
_onRootDrop: ->
console.log 'root'
render: ->
div null,
Dragarea
onDrop: @_onRootDrop,
for item in [1..10]
Dragarea
className: 'droparea-item'
key: item
onDrop: @_onDrop,
div 'Totally placeholder 1'
div 'Totally placeholder 2'
div 'Totally placeholder 3'
React.render(React.createElement(App), document.getElementById('app'))
You can fiddle with prepared demo. Clone the repo, npm install
and npm start
.
Then visit localhost:3000
.
Options - React props
disableClick: React.PropTypes.bool
onDragEnter: React.PropTypes.func
onDragEnterStopPropagation: React.PropTypes.bool
onDragLeave: React.PropTypes.func
onDragLeaveStopPropagation: React.PropTypes.bool
onDrop: React.PropTypes.func
onDropStopPropagation: React.PropTypes.bool
dropEffect: React.PropTypes.string
className: React.PropTypes.string
activeClassName: React.PropTypes.string
multiple: React.PropTypes.bool
supportedFormats: React.PropTypes.arrayOf(React.PropTypes.string)
Credits
This library is inspired by react-dropzone by Param Aggarwal.
4.0.2
7 years ago
4.0.1
7 years ago
4.0.0
8 years ago
3.0.6
8 years ago
3.0.5
8 years ago
3.0.4
8 years ago
3.0.3
8 years ago
3.0.2
8 years ago
3.0.1
8 years ago
3.0.0
8 years ago
2.2.1
8 years ago
2.2.0
8 years ago
2.1.8
8 years ago
2.1.7
8 years ago
2.1.6
9 years ago
2.1.5
9 years ago
2.1.4
9 years ago
2.1.3
9 years ago
2.1.2
9 years ago
2.1.1
9 years ago
2.1.0
9 years ago
2.0.1
9 years ago
2.0.0
9 years ago
1.0.4
9 years ago
1.0.3
9 years ago
1.0.2
9 years ago
1.0.1
9 years ago
1.0.0
9 years ago