Barmer Fractal

List Basic: Skip Links 

<ul class="a-list-basic list--skip-links">
    <li class="list__item ">
        <a href="#bm-contact-flyout" class="a-link ">
            Zum Kontakt Knopf springen
        </a>

    </li>
    <li class="list__item ">
        <a href="#bm-main-content" class="a-link ">
            Zum Seiteninhalt springen
        </a>

    </li>
</ul>
 
<ul class="a-list-basic {{viewtypes.specifier}}" {{{content.ariaAttrs}}}>
  {{#each partials.listitems as |listitem| }}
    <li class="list__item {{listitem.viewtypes.specifier}}">
      {{# switches.hasIcon }}
      {{render '@icon' partials.icon merge=true}}
      {{/switches.hasIcon}}
      {{#if switches.hasTextContent }}
        {{{content.text}}}
      {{else}}
        {{render (stringToPartial listitem.type) partials.item merge=true}}
      {{/if }}
      {{#if switches.hasSublist }}
        {{render '@list-basic' partials.subList merge=true}}
      {{/if}}
    </li>
  {{/each}}
</ul>
 
{
  "switches": {},
  "viewtypes": {
    "specifier": "list--skip-links"
  },
  "content": {},
  "partials": {
    "listitems": [
      {
        "type": "link",
        "partials": {
          "item": {
            "content": {
              "url": "#bm-contact-flyout",
              "text": "Zum Kontakt Knopf springen"
            }
          }
        }
      },
      {
        "type": "link",
        "partials": {
          "item": {
            "content": {
              "url": "#bm-main-content",
              "text": "Zum Seiteninhalt springen"
            }
          }
        }
      }
    ]
  }
}

No notes defined.