🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A React component used for rending a dynamic treeview control on the applications.

Others React

Documentation

react-ui-tree

Build Status npm npm

React tree component

This project was initially developed for a webpage builder. It maintains an internal tree structure within the component through js-tree.

Demo

https://pqx.github.io/react-ui-tree

Installation

npm install react-ui-tree --save

Usage

<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 />  // a sample tree object // node.children, node.collapsed, node.leaf properties are hardcoded {   "module": "react-ui-tree",   "children": [{     "collapsed": true,     "module": "dist",     "children": [{       "module": "node.js"     }]   }] }

check app.js for a working example

Development

License

MIT


You May Also Like