Navigation


<ul class="navigation{% if variant %} {{variant}}{% endif %}"{% if id %} id="{{id}}"{% endif %}>
    {% for item in list %}
    <li class="navigation__item{% if item.variant %} {{item.variant}}{% endif %} navtoggle">
        <a class="navigation__link" href="{{item.href}}"
        {% if id %} id="{{id}}"{% endif %}
        {% if title %} aria-label="{{item.title}}"{% endif %}
        {% if tabindex %} tabindex="{{item.tabindex}}"{% endif %}>
        {% if item.icon %}<span class="fa fa-{{item.icon}}"></span>{% endif -%}
            {{item.text}}
        </a>
    </li>
    {% endfor %}
</ul>


{% include "../../components/molecules/navigation.html" with {
variant: 'inline',
    list: [
        {
            href: "#body",
            title: "aria label text",
            text: "HOME",
            icon: 'home',
            variant: 'home selected'
        }
    ]
} %}