tree-slide-bar

Get a tree with a slide bar that can be used in Redux Form as a checklist component.

Usage no npm install needed!

<script type="module">
  import treeSlideBar from 'https://cdn.skypack.dev/tree-slide-bar';
</script>

README

tree-slide-bar

NPM JavaScript Style Guide

treeslidebar

Install

npm install --save tree-slide-bar

Usage

import React, { Component } from 'react'

import TreeSlideBar from 'tree-slide-bar'

class Example extends Component {
  render () {
    return (
      <TreeSlideBar cols='12' name='checklist' tree={[
        {
            "id": 1,
            "description": "Code Review",
            "parentId": null,
            "children": [
            {
                "id": 2,
                "description": "Easily understandable?",
                "parentId": 1,
                "children": []
            },
            {
                "id": 3,
                "description": "Follows the coding standards/guidelines?",
                "parentId": 1,
                "children": []
            },
            {
                "id": 4,
                "description": "Code has no duplicated parts?",
                "parentId": 1,
                "children": []
            },
            {
                "id": 5,
                "description": "Can I unit easily test and debug the code?",
                "parentId": 1,
                "children": []
            },
            {
                "id": 6,
                "description": "Function or class is not so big?",
                "parentId": 1,
                "children": []
            }
            ]
        }
      ]}/>
    )
  }
}

License

MIT © thiagoferrax