Tree View

<div class="rui-jstree rui-jstree-lines">
    <ul>
        <li data-jstree='{ "selected" : true, "opened" : true }'>
            <span data-feather="folder-plus" class="rui-icon rui-icon-stroke-1_5 rui-jstree-icon rui-jstree-icon-open"></span>
            <span data-feather="folder-minus" class="rui-icon rui-icon-stroke-1_5 rui-jstree-icon rui-jstree-icon-close"></span>
            Root node
            <ul>
                <li>
                    <span data-feather="file" class="rui-icon rui-icon-stroke-1_5"></span> Child node 1
                </li>
                <li>
                    <span data-feather="file" class="rui-icon rui-icon-stroke-1_5"></span> Child node 2
                </li>
                <li>
                    <span data-feather="folder-plus" class="rui-icon rui-icon-stroke-1_5 rui-jstree-icon rui-jstree-icon-open"></span>
                    <span data-feather="folder-minus" class="rui-icon rui-icon-stroke-1_5 rui-jstree-icon rui-jstree-icon-close"></span>
                    Root node
                    <ul>
                        <li>
                            <span data-feather="file" class="rui-icon rui-icon-stroke-1_5"></span> Child node 1
                        </li>
                        <li>
                            <span data-feather="file" class="rui-icon rui-icon-stroke-1_5"></span> Child node 2
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>
            <span data-feather="folder-plus" class="rui-icon rui-icon-stroke-1_5 rui-jstree-icon rui-jstree-icon-open"></span>
            <span data-feather="folder-minus" class="rui-icon rui-icon-stroke-1_5 rui-jstree-icon rui-jstree-icon-close"></span>
            Root node 2
            <ul>
                <li>
                    <span data-feather="file" class="rui-icon rui-icon-stroke-1_5"></span> Child node 1
                </li>
                <li>
                    <span data-feather="file" class="rui-icon rui-icon-stroke-1_5"></span> Child node 2
                </li>
            </ul>
        </li>
    </ul>
</div>