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
Test Case
npm test
npm run chrome-test
Coverage
npm run coverage
open coverage/ dir
License
rc-tree is released under the MIT license.