{% macro render_toc_item(toc_item) %}
{% set active = "neoabs-toc__link--active" if toc_item.active %}
<li class="neoabs-toc__item neoabs-toc__item--h{{ toc_item.level }}">
  <a href="{{ toc_item.url }}" class="neoabs-toc__link {{ active }}" title="{{ toc_item.title }}">
    {{ toc_item.title }}
  </a>
  {% if toc_item.children %}
  <ul class="neoabs-toc__list neoabs-toc__list--nested">
    {% for toc_item in toc_item.children %}
    {{ render_toc_item(toc_item) }}
    {% endfor %}
  </ul>
  {% endif %}
</li>
{% endmacro %}

<aside class="neoabs-toc" data-md-component="toc" aria-label="Table of contents">
  <div class="neoabs-toc__scroll">
    <div class="neoabs-toc__inner">
      <p class="neoabs-toc__title">On this page</p>
      <ul class="neoabs-toc__list">
        {% for toc_item in toc %}
        {{ render_toc_item(toc_item) }}
        {% endfor %}
      </ul>
    </div>
  </div>
</aside>