JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/9.0.0/nouislider.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/9.0.0/nouislider.css">
<div class="slider"></div>
JavaScript
$('.slider').noUiSlider({
range: [0,100]
,start: 10
,handles: 1
}).change(function(){
$(this).val(closest( $(this).val(), 10 ));
});
function closest( value, to ){
return Math.round(value / to) * to;
}