JSFiddle - React, Tailwind, and code Playground

by Louis Walch

HTML

<script src="http://www.owlcarousel.owlgraphic.com/assets/owlcarousel/owl.carousel.js"></script>
<div class="owl-carousel">
    <div class="item">1</div>
    <div class="item">2</div>
    <div class="item">3</div>
    <div class="item">4</div>
    <div class="item">5</div>
    <div class="item">6</div>
</div>

CSS

.item {
  background-color: orange;
  color: white;
  text-align: center;
  float: left;
}

JavaScript

$(".owl-carousel").owlCarousel({
	items: 4
});