netbox-community-netbox/netbox/utilities/templates/navigation/menu.html

{% load helpers %}

<ul class="navbar-nav pt-lg-2">
  {% for menu, groups in nav_items %}
    <li class="nav-item dropdown">

      {# Menu heading #}
      <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" data-bs-auto-close="false" role="button" aria-expanded="false" >
        <span class="nav-link-icon d-md-none d-lg-inline-block">
          <i class="{{ menu.icon_class }}"></i>
        </span>
        <span class="nav-link-title">
          {{ menu.label }}
        </span>
      </a>

      {# Menu groups #}
      <div class="dropdown-menu">
        <div class="dropdown-menu-columns">
          <div class="dropdown-menu-column pb-2">
            {% for group, items in groups %}
              <div class="text-uppercase fw-bold fs-5 ps-3 pt-3 pb-1">
                {{ group.label }}
              </div>
              {% for item, buttons in items %}
                <div class="dropdown-item d-flex justify-content-between ps-3 py-0">
                  <a href="{% url item.link %}" class="d-inline-flex flex-fill py-1">{{ item.link_text }}</a>
                  {% if buttons %}
                    <div class="btn-group ms-1">
                      {% for button in buttons %}
                        <a href="{% url button.link %}" class="btn btn-sm btn-{{ button.color|default:"outline-dark" }} lh-2 px-2" title="{{ button.title }}">
                          <i class="{{ button.icon_class }}"></i>
                        </a>
                      {% endfor %}
                    </div>
                  {% endif %}
                </div>
              {% endfor %}
            {% endfor %}
          </div>
        </div>
      </div>

    </li>
  {% endfor %}
</ul>