JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<link rel="stylesheet" href="/cdn.jsdelivr.net/npm/[email protected]/slick/slick.css">
<script src="http://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
<div class="haha"></div>
<div class="haha a"></div>
<div class="haha b"></div>
<div class="haha c"></div>
<div class="haha d"></div>

CSS

.haha{
  width:100px;
  height:100px;
  background:red;
}
.a{background:blue}
.b{background:brown}
.c{background:green}
.d{background:yellow}

JavaScript

$('haha').slick({
  infinite: true,
  slidesToShow: 3,
  slidesToScroll: 3
});