JSFiddle - React, Tailwind, and code Playground

by andrelaszlo

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.2/owl.carousel.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.2/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.2/owl.theme.min.css">
<div id="owl-example" class="owl-carousel">
    <div>One</div>
    <div>Two</div>
    <div>Three</div>
    <div>Four</div>
    <div>Five</div>
    <div>Six</div>
    <div>Seven</div>
</div>

CSS

#owl-example {
    width: 200px;
    border: 1px solid black;
}

JavaScript

$(function() {
    $("#owl-example").owlCarousel();
});