Popularity
5.9
Stable
Activity
0.0
Stable
755
22
202

Monthly Downloads: 0
Programming language: JavaScript
License: MIT License
Tags: UI Components     Tree     React     React-component    

react-ui-tree alternatives and similar libraries

Based on the "Tree" category.
Alternatively, view react-ui-tree alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of react-ui-tree or a related project?

Add another 'Tree' Library

README

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

[swiftcarrot.github.io/react-ui-tree/](swiftcarrot.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


*Note that all licence references and agreements mentioned in the react-ui-tree README section above are relevant to that project's source code only.