JSFiddle - React, Tailwind, and code Playground

by Shidhin C R

HTML

<script src="https://unpkg.com/[email protected]/dist/slimslider.js"></script>
<div id="demo">
  <slim-slider auto-play="true" show-buttons="true" show-thumbnails="true" infinite="true">
    <div class="slim-slide" data-thumb="https://pa.namshicdn.com/product/68/8181/1-cart.jpg">
      <img src="https://pa.namshicdn.com/product/68/8181/1-zoom.jpg">
    </div>
    <div class="slim-slide" data-thumb="https://pa.namshicdn.com/product/68/8181/2-cart.jpg">
      <img src="https://pa.namshicdn.com/product/68/8181/2-zoom.jpg">
    </div>
    <div class="slim-slide" data-thumb="https://pa.namshicdn.com/product/68/8181/3-cart.jpg">
      <img src="https://pa.namshicdn.com/product/68/8181/3-zoom.jpg">
    </div>
    <div class="slim-slide" data-thumb="https://pa.namshicdn.com/product/68/8181/4-cart.jpg">
      <img src="https://pa.namshicdn.com/product/68/8181/4-zoom.jpg">
    </div>
  </slim-slider>
</div>

CSS

#demo {
  height: auto;
  width: 400px;
  margin: 100px;
  border: 8px solid #03a9f475;
}