JSFiddle - React, Tailwind, and code Playground

by leongersen

HTML

<link rel="stylesheet" href="http://refreshless.com/nouislider/temp/jquery.nouislider.min.css">
<script src="http://refreshless.com/nouislider/temp/jquery.nouislider.min.js"></script>
<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;
}