dagshub-docs/theme/partials/nav-item.html

<!-- Determine class according to level -->
{% set class = "md-nav__item" %}
{% if nav_item.active %}
{% set class = "md-nav__item md-nav__item--active" %}
{% endif %}

<!-- Main navigation item with nested items -->
{% if nav_item.children %}
<li class="{{ class }} md-nav__item--nested">
    <!-- Active checkbox expands items contained within nested section -->
    {% if nav_item.active %}
    <input class="md-toggle md-nav__toggle" data-md-toggle="{{ path }}"
           type="checkbox" id="{{ path }}" checked />
    {% else %}
    <input class="md-toggle md-nav__toggle" data-md-toggle="{{ path }}"
           type="checkbox" id="{{ path }}" />
    {% endif %}

    <!-- Expand active pages -->
    <label class="md-nav__link" for="{{ path }}">
        {{ nav_item.title }}
        <span class="md-nav__icon md-icon">
            {% include ".icons/material/chevron-right.svg" %}
        </span>
    </label>
    <nav class="md-nav" data-md-component="collapsible">
        <ul class="md-nav__list">
            <!-- Render nested item list -->
            {% set base = path %}
            {% for nav_item in nav_item.children %}
            {% set path = base + "-" + loop.index | string %}
            {% set level = level + 1 %}
            {% include "partials/nav-item.html"  %}
            {% endfor %}
        </ul>
    </nav>
</li>

<!-- Currently active page -->
{% elif nav_item == page %}
<li class="{{ class }}">
    <a href="{{ nav_item.url | url }}" title="{{ nav_item.title }}"
       class="md-nav__link md-nav__link--active">
    {{ nav_item.title }}
    </a>
</li>

<!-- Main navigation item -->
{% else %}
<li class="{{ class }}">
    <a href="{{ nav_item.url | url }}" title="{{ nav_item.title }}"
       class="md-nav__link">
    {{ nav_item.title }}
    </a>
</li>
{% endif %}