JSFiddle - React, Tailwind, and code Playground

HTML

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

<input>

CSS

#slider { margin: 50px }

JavaScript

var sld = $("#slider"), inp = $('input');

sld.noUiSlider({ start: 50, range: { min: 0, max: 100 } });

sld.on('change', function( event, value ){
    sld.val( Math.round(value / 10) * 10 );
});

sld.Link().to(inp);