<Tree
  paddingLeft={20}              // left padding for children nodes in pixels
  tree={this.state.tree}        // tree object
  onChange={this.handleChange}  // onChange(tree) tree object changed
  renderNode={this.renderNode}  // renderNode(node) return react element
  draggable={false}
/>

// a sample tree object
// node.children, node.contracted, node.leaf properties are hardcoded
{
  "module": "react-dnd-ui-tree",
  "children": [{
    "contracted": true,
    "module": "dist",
    "children": [{
      "module": "node.js",
      "leaf": true
    }]
  }]
}

Development

npm install
npm start
http://localhost:8080/example

License

MIT