JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/themes/black-tie/jquery-ui.css">
<div id="slider"></div>
CSS
#slider { margin-top: 50px; margin-left: 15px; width: 150px; }
a.ui-slider-handle {
text-decoration: none;
width: auto
}
JavaScript
$("#slider").slider({
create: function () {
$(this).find("a.ui-slider-handle").text($(this).slider("option", "min"));
},
slide: function (event, ui) {
$(this).find("a.ui-slider-handle").text(ui.value);
}
});