@paperbits/core/menu/ko/verticalMenu.html

Paperbits core components.

<ul class="nav" data-bind="foreach: { data: $data.nodes, as: 'item' }">
    <!-- ko if: item.nodes().length > 0 -->
    <li class="nav-item" data-bind="css: { 'expanded': expanded }">
        <a href="#" class="nav-link"
            data-bind="text: item.label, hyperlink: item.hyperlink, css: { 'nav-link-active': item.isActive }"></a>
        <!--ko if: item.nodes().length > 0 -->
        <!-- ko template: { name: 'verticalMenu', data: item } -->
        <!-- /ko -->
        <!-- /ko -->
    </li>
    <!-- /ko -->

    <!-- ko ifnot: item.nodes().length > 0 -->
    <li class="nav-item">
        <a href="#" class="nav-link"
            data-bind="text: item.label, hyperlink: item.hyperlink, css: { 'nav-link-active': item.isActive }"></a>
    </li>
    <!-- /ko -->
</ul>