react-ui-tree

    4.0.0 • Public • Published

    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

    Install

    npm i react-ui-tree

    DownloadsWeekly Downloads

    1,427

    Version

    4.0.0

    License

    MIT

    Unpacked Size

    19.9 kB

    Total Files

    10

    Last publish

    Collaborators

    • adjusted