Barmer Fractal

Contact: Default 

<div class="af-contact ">
    <p>Hilfe beim Wechsel</p>

    <a href="tel:08003331010" class="a-link " aria-label="Telefon 0800 333 1010">
        <i class="a-icon icon--contact" aria-hidden="true"></i>&nbsp;<span class="link__inner">0800 333 1010</span>
    </a>

</div>
 
<div class="af-contact {{viewtypes.specifier}}">
  <p>{{content.contactLabel}}</p>
  {{#if switches.hasWrapper}}<div class="af-contact__links">{{/if}}
    {{#each partials.contactLinks as |link| }}
      {{#if ../switches.hasComplexLinks}}
        <a href="{{link.content.url}}" class="a-link {{link.viewtypes.specifier}}" {{{link.content.ariaAttributes}}}>
          <div class="af-contact__link-before">{{link.content.labelText}}</div>
          <div class="af-contact__link-inner">
            {{render (stringToPartial link.partials.iconType) merge=true}}&nbsp;<span class="link__inner">{{link.content.text}}</span>
          </div>
        </a>
      {{else}}
        {{ render '@link--with-icon-left' link merge=true }}
      {{/if}}
    {{/each }}
  {{#if switches.hasWrapper}}</div>{{/if}}
</div>
 
{
  "switches": {
    "hasWrapper": false,
    "hasComplexLinks": false
  },
  "content": {
    "contactLabel": "Hilfe beim Wechsel"
  },
  "viewtypes": {
    "specifier": ""
  },
  "partials": {
    "contactLinks": [
      {
        "viewtypes": {
          "specifier": ""
        },
        "content": {
          "text": "0800 333 1010",
          "url": "tel:08003331010",
          "ariaAttributes": "aria-label=\"Telefon 0800 333 1010\""
        },
        "partials": {
          "iconType": "icon--contact"
        }
      }
    ]
  }
}

No notes defined.