web-component-dom-tree

DOM Tree

A web component to loop a nested list.

<dom-tree is-href path-key="path" title-key="title"></dom-tree>
<script>
    const el = document.querySelector('dom-tree');

    el.items = [{
        path: 'my/path.html',
        title: 'My Path'
    }, {
        path: 'my/other/path/',
        title: 'My Other Path'
    }];

    // Invoke render after items are sat.
    el.render();
</script>