react-nestedlist


Livedemo

For a livedemo click here.

Usage

``bash
npm install --save react-nestedlist
`

`jsx
import {flatMap} from 'react-nestedlist/dist/utils/nestedListUtils';
import NestedList, {NestedListItem} from 'react-nestedlist';
import Immutable from 'immutable';

class App extends React.Component {
constructor() {
super();
this.state = {
tree: Immutable.fromJS([
{
_id: 'startpage',
label: 'Startpage',
children: []
},
{
_id: 'page-1',
label: 'Page 1',
children: [
{
_id: 'page-1a',
label: 'Page 1a',
children: []
},
{
_id: 'page-1b',
label: 'Page 1b',
children: []
}
]
},
{
_id: 'page-2',
label: 'Page 2',
children: []
}
])
}
}

validate(tree) {
if (tree.first().get('label') !== 'Startpage') return 'Startpage must be first';

return true;
}

render() {
return (
this.setState({tree})} validate={this.validate}>
{(items, draggedId) => (