Slider
Slide between content.
Usage
The slider module is loaded asynchronously and is initialised using data-module="Slider" on the element.
<div class="c-slider" data-module="Slider">
<div class="c-slider__slides">
<div class="c-slider__slide is-active">
Slide 1
</div>
<div class="c-slider__slide is-next">
Slide 2
</div>
<div class="c-slider__slide is-active">
Slide 3
</div>
</div>
<div class="c-slider__controls">
<div class="c-slider__previous">
Previous
</div>
<div class="c-slider__next">
Next
</div>
</div>
</div>
Slides to show
<div class="c-slider c-slider--scroll" data-module="Slider" data-options='{"slidesToShow": 2}'>
<div class="c-slider__slides">
<div class="c-slider__slide is-active">
Slide 1
</div>
<div class="c-slider__slide">
Slide 2
</div>
<div class="c-slider__slide">
Slide 3
</div>
</div>
<div class="c-slider__controls">
<div class="c-slider__previous">
Previous
</div>
<div class="c-slider__next">
Next
</div>
</div>
</div>