JSFiddle - React, Tailwind, and code Playground

by Ray Mak

HTML

<link rel="stylesheet" href="http://kenwheeler.github.io/slick/slick/slick.css">
<link rel="stylesheet" href="http://kenwheeler.github.io/slick/slick/slick-theme.css">
<script src="http://kenwheeler.github.io/slick/slick/slick.min.js"></script>
<div id="wrapper">
	<div class="slick-slider-inodd">
		<div>
			Slider 1
		</div>
		<div>
			Slider 2
		</div>
		<div>
			Slider 3
		</div>
	</div>
</div>

JavaScript

$('.slick-slider-inodd').slick({
		arrows: true,
		dots: true,
        autoplay: true,
        autoplaySpeed: 3000
	});