rci-dnd

---

React-dnd

Screenshots

Usage

see examples

npm i rci-dnd

API

Dnd props

name	description	type	default
className	additional css class of root dom node	String	''
prefixCls	prefix class	String	'rci-dnd'
data	data of dnd (unique id across all data)	Array	[{id:Number/String, content:Node/any},]

Block props

name	description	type	default
className	additional css class of root dom node	String	''
index	the index of Block	Number

Card props

name	description	type	default
className	additional css class of root dom node	String	''
index	the index of Card	Number
bIndex	the index of Block (Card inside)	Number
placeholder	the placeholder of Card in Block (it's temporary appear)	bool
content	the content of Card	node

Development

npm install
npm start

resource

drag-drop

• https://gaearon.github.io/react-dnd/docs-overview.html
• the-future-of-drag-and-drop-apis
• angular-drag-and-drop-lists

infinite scroll

• https://github.com/seatgeek/react-infinite
  • dynamic-height，issue 62
• https://github.com/orgsync/react-list
  • issue

Test Case

npm test
npm run chrome-test

Coverage

npm run coverage

open coverage/ dir

License

rc-tree is released under the MIT license.