JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<script src="https://pawelgrzybek.github.io/siema/assets/siema.min.js"></script>
<div class="siema">
  <div class="wrap">
    <div class="szlajd">
	<p>Hi, I'm slide 1</p>
	<span>1</span>
	<a href="#">more</a>
</div>
<div class="szlajd">
	<p>Hi, I'm slide 2</p>
	<span>2</span>
	<a href="#">more</a>
</div>
<div class="szlajd">
	<p>Hi, I'm slide 3</p>
	<span>3</span>
	<a href="#">more</a>
</div>
<div class="szlajd">
	<p>Hi, I'm slide 4</p>
	<span>4</span>
	<a href="#">more</a>
</div>
  </div>
</div>

JavaScript

new Siema({
  selector: '.siema .wrap',
  duration: 200,
  easing: 'ease-out',
  perPage: 1,
  startIndex: 0,
  draggable: true,
  multipleDrag: true,
  threshold: 20,
  loop: false,
  rtl: false,
  onInit: () => {},
  onChange: () => {},
});