Popularity
1.9
Growing
Activity
0.0
Stable
91
2
8
Programming language: CoffeeScript
License: MIT License
Tags:
UI Components
Drag And Drop
react-droparea alternatives and similar libraries
Based on the "Drag and Drop" category.
Alternatively, view react-droparea alternatives based on common mentions on social networks and blogs.
-
react-beautiful-dnd
Beautiful and accessible drag and drop for lists with React -
-
-
-
react-dnd-touch-backend
Touch Backend for react-dnd. -
react-sortable-pane
:sparkles: A sortable and resizable pane component for React.
Scout APM - Leading-edge performance monitoring starting at $39/month
Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
Sponsored
scoutapm.com
Do you think we are missing an alternative of react-droparea or a related project?
README
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.