Barmer Fractal

Slider Arrows: Chevron Pair 

<div class="m-slider-arrows glide__arrows slider-arrows--chevron-pair" data-glide-el="controls">
    <button class="slider-arrow glide__arrow slider-arrow--left" data-glide-dir="<"><span class="sr-only">Karusell: Zum vorigen Bild</span><i class="a-icon icon--arrow-back" aria-hidden="true"></i></button>
    <button class="slider-arrow glide__arrow slider-arrow--right" data-glide-dir=">"><span class="sr-only">Karusell: Zum nächsten Bild</span><i class="a-icon icon--arrow-forward" aria-hidden="true"></i></button>
</div>
 
<div class="m-slider-arrows glide__arrows slider-arrows--chevron-pair" data-glide-el="controls" {{#switches.hasAriaAttr}}{{{content.ariaAttr}}}{{/switches.hasAriaAttr}}>
  <button class="slider-arrow glide__arrow slider-arrow--left" data-glide-dir="<"><span class="sr-only">{{ content.labels.arrowLeft }}</span>{{ render '@icon--arrow-back' }}</button>
  <button class="slider-arrow glide__arrow slider-arrow--right" data-glide-dir=">"><span class="sr-only">{{ content.labels.arrowRight }}</span>{{ render '@icon--arrow-forward' }}</button>
</div>
 
{
  "switches": {
    "hasAriaAttr": false
  },
  "viewtypes": {
    "arrowsType": "chevron-pair"
  },
  "content": {
    "labels": {
      "arrowLeft": "Karusell: Zum vorigen Bild",
      "arrowRight": "Karusell: Zum nächsten Bild"
    }
  },
  "partials": {}
}

No notes defined.