JSFiddle - React, Tailwind, and code Playground

HTML

<p>a: <span id="a">0</span>

    <div id="a_slider"></div>
</p>

JavaScript

$("#a_slider").slider({
    orientation: "horizontal",
    range: false,
    min: 0,
    max: 1,
    value: 0,
    step: .01,
    animate: true,
    slide: function (event, ui) {
        $("#a_field").val(ui.value);
        $("#a").text(ui.value);
    }
});