JSFiddle - React, Tailwind, and code Playground

by leongersen

HTML

<script src="http://refreshless.com/beta/jquery.nouislider.js"></script>
<link rel="stylesheet" href="http://refreshless.com/beta/jquery.nouislider.css">
<div id="sample-minimal"></div>

CSS

#sample-minimal { margin: 50px; }

JavaScript

$("#sample-minimal").noUiSlider({
    range: {
        'min': [ 0 ],
        'max': [ 100 ]
    },
    start: [20, 80],
    connect: true
});