<nav aria-label="Secondary navigation,">
<ul class="usa-sidenav">
<li class="usa-sidenav__item">
<a href="javascript:void(0);" class="usa-current">Current page</a>
</li>
<li class="usa-sidenav__item">
<a href="javascript:void(0);">Parent link</a>
</li>
<li class="usa-sidenav__item">
<a href="javascript:void(0);">Parent link</a>
</li>
</ul>
</nav>
No notes defined.
{%- macro nav_list(links, subclass) -%}
{%- for item in links -%}
<li class="usa-sidenav__item">
<a href="{{ item.href | default("javascript:void(0);") }}"{% if item.current %} class="usa-current"{% endif %}>{{ item.text }}</a>
{%- if item.links -%}
<ul class="{{ subclass }}">
{{ nav_list(item.links, subclass) }}
</ul>
{%- endif %}
</li>
{%- endfor -%}
{%- endmacro -%}
<nav aria-label="{{ sidenav.aria }}">
<ul class="usa-sidenav">
{{ nav_list(sidenav.links, 'usa-sidenav__sublist') }}
</ul>
</nav>
package:
name: null
version: 2.1.0
uswds:
path: ../../dist
sidenav:
aria: Secondary navigation,
links:
- text: Current page
current: true
- text: Parent link
- text: Parent link