Freie Grundschule Pfefferwerk - Frontend Design

Menu Meta 

<nav class="c-menu-meta" aria-label="Meta-Navigation">

    <h4 class="c-menu-meta__headline u-typo:m">Menu Meta</h4>

    <ul class="c-menu-meta__list" role="menu">
        <li class="c-menu-meta__item" role="menuitem">
            <a href="#" class="c-menu-meta__link" aria-current="true">Aliquam tincidunt</a>
        </li>
        <li class="c-menu-meta__item" role="menuitem">
            <a href="#" class="c-menu-meta__link">Aliquam tincidunt</a>
        </li>
    </ul>

</nav>
 
<nav class="c-menu-meta" aria-label="{{ariaLabel}}">

    {{#if headline}}
        <h4 class="c-menu-meta__headline u-typo:m">{{headline}}</h4>
    {{/if}}

    <ul class="c-menu-meta__list" role="menu">
        {{#each menuMetaItems}}
            <li class="c-menu-meta__item" role="menuitem">
                <a href="{{url}}" class="c-menu-meta__link" {{#current}}aria-current="true"{{/current}}>{{title}}</a>
            </li>
        {{/each}}
    </ul>

</nav>
 
{
  "headline": "Menu Meta",
  "ariaLabel": "Meta-Navigation",
  "menuMetaItems": [
    {
      "current": true,
      "title": "Aliquam tincidunt",
      "url": "#"
    },
    {
      "title": "Aliquam tincidunt",
      "url": "#"
    }
  ]
}

There are no notes for this item.