JSFiddle - React, Tailwind, and code Playground

by Clare12345

HTML

<script src="//cdn.jsdelivr.net/jquery.slick/1.3.14/slick.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.3.14/slick.css">
<div class="your-class">
  <div>aaaaa aaaaaaa</div>
  <div>bbbbb bbbbbbb</div>
  <div>ccccc ccccccc</div>
  <div>ddddd ddddddd</div>
  <div>eeeee eeeeeee</div>
  <div>fffff fffffff</div>
  <div>ggggg ggggggg</div>
  <div>hhhhh hhhhhhh</div>
</div>

CSS

.your-class div {
    display: block;
    height: 100px;
    width: 200px;
}

JavaScript

$(function() {
    $('.your-class').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 1,
        speed: 1500
    });
});