JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://refreshless.com/nouislider/temp/jquery.nouislider.min.js"></script>
<link rel="stylesheet" href="http://refreshless.com/nouislider/temp/jquery.nouislider.min.css">
<div class="slider"></div>

CSS

.noUi-target {
    padding: 0 20px;
    border: 1px solid #bfbfbf;
    background: #ddd;
    width: 300px;
}
.noUi-base {
    border: 0;
    /* Compensate for lack of border */
    height: 38px;
}

JavaScript

$('.slider').noUiSlider({
     range: [0,100]
    ,start: 10
    ,handles: 1
});