@neovici/cosmoz-treenode-navigator

A Polymer component that lets you navigate and search through hierarchically structured data-nodes and select one of them.

Usage no npm install needed!

<script type="module">
  import neoviciCosmozTreenodeNavigator from 'https://cdn.skypack.dev/@neovici/cosmoz-treenode-navigator';
</script>

README

cosmoz-treenode-navigator

Build Status semantic-release

cosmoz-treenode-navigator is a Polymer component that lets you navigate and search through hierarchically structured data-nodes and select one of them.

It needs an object structure which looks for example like this in JSON:

{
    "1": {
        "name": "Root",
        "children": {
            "7": {
                "name": "child seven",
                "children": {

                }
            },
            "8": {
                "name": "child eight",
                "children": {
                    "9": {
                        "name": "child nine",
                        "children": {

                        }
                    }
                }
            }
        }
    }
}

The property names "name" and "children" are configurable in the component through the setting of "childProperty" and "comparisonProperty".