JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://refreshless.com/noUiSlider/distribute/nouislider.min.css">
<script src="https://refreshless.com/noUiSlider/distribute/nouislider.js"></script>
<div id="slider"></div>

CSS

#slider { margin: 50px; }

JavaScript

var slider = document.getElementById('slider');

noUiSlider.create(slider, {
	start: [0, 10],
  range: { min: 0, max: 10 }
});

slider.noUiSlider.on('update', function(){
	console.log(this.target); // true
});