JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/black-tie/jquery-ui.css">
<div id='slider' style="height:10px;width=200px;"></div>
<div id='readout'></div>

JavaScript

jQuery(function($) {
    $("#slider").slider({
        min: -10,
        max: 10,
        value: 0,
        change: function(event, ui) {
            $('#readout').html(ui.value);
        }
    });
});