Examples
Default styling
.scrollbar--arrows-outside
Arrows Outside
Markup
<div class="scrollbar swiper [modifier class]" data-options="">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="#" class="scrollbar__img">
<img src="kss-assets/sample.png" width="200px" height="200px" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="#" class="scrollbar__img">
<img src="kss-assets/sample.png" width="200px" height="200px" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="#" class="scrollbar__img">
<img src="kss-assets/sample.png" width="200px" height="200px" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="#" class="scrollbar__img">
<img src="kss-assets/sample.png" width="200px" height="200px" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="#" class="scrollbar__img">
<img src="kss-assets/sample.png" width="200px" height="200px" alt="">
</a>
</div>
</div>
<div class="swiper-button-prev"><i class="icon icon-angle-left"></i></div>
<div class="swiper-button-next"><i class="icon icon-angle-right"></i></div>
</div>
Source:
build/doc/doc.css, line 15543