JSFiddle - React, Tailwind, and code Playground

by leongersen

HTML

<script src="http://refreshless.com/nouislider/source/jquery.nouislider.min.js"></script>
<link rel="stylesheet" href="http://refreshless.com/nouislider/source/jquery.nouislider.css">
<div id="slider1"></div>

<button>Change</button>

JavaScript

$("#slider1").noUiSlider({
	start: [20, 30],
	connect: true,
	range: {
		'min': 0,
		'max': 100
	}
})

$("button").click(function(){
    $("#slider1").noUiSlider({ direction: "rtl" }, true);
});