Barmer Fractal

Toggle Links 

<div class="m-toggle-links ">
    <span class="label">Sortieren nach:</span>
    <a href="/components/preview/search" class="a-link is-selected">
        Relevanz
        <span class="sr-only">Relevanz zurzeit aktiv</span>
    </a>

    <span class="a-separator" aria-hidden="true">|</span>

    <a href="/components/preview/search" class="a-link ">
        Aktualität
    </a>

</div>
 
<div class="m-toggle-links {{viewtypes.specifier}}">
  {{#switches.hasLabel}}<span class="label">{{content.label}}</span>{{/switches.hasLabel}}
  {{#each partials.links as |link|}}
    {{# ifcond @index '>' 0 }}
      {{ render '@separator' }}
    {{/ifcond }}
    {{render '@link' link merge=true}}
  {{/each}}
</div>
 
{
  "switches": {
    "hasLabel": true
  },
  "viewtypes": {
    "specifier": ""
  },
  "content": {
    "label": "Sortieren nach:"
  },
  "partials": {
    "links": [
      {
        "switches": {
          "hasIcon": false,
          "hasAriaExpanded": false,
          "hasAriaPopup": false,
          "isActiveLink": true
        },
        "viewtypes": {
          "specifier": "is-selected"
        },
        "content": {
          "url": "/components/preview/search",
          "text": "Relevanz",
          "activetext": "Relevanz zurzeit aktiv"
        },
        "partials": {}
      },
      {
        "switches": {
          "hasIcon": false,
          "hasAriaExpanded": false,
          "hasAriaPopup": false
        },
        "viewtypes": {},
        "content": {
          "url": "/components/preview/search",
          "text": "Aktualität"
        },
        "partials": {}
      }
    ]
  }
}

No notes defined.