JSFiddle - React, Tailwind, and code Playground

by Johan Muller

HTML

<link rel="stylesheet" href="http://bxslider.com/lib/jquery.bxslider.css">
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<div class="tab-body">
    <ul class="bxslider">
        <li>slide-1</li>
        <li>slide-2</li>
        <li>slide-3</li>
    </ul>
</div>

SCSS

body {
    margin: 50px;
}

.tab-body {
    display: block;
    width: 50%;
    li {
        height: 100px;
        background: #eee;
    }
}

JavaScript

$('.bxslider').bxSlider();