JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<div id="slider"></div>
<div id="value"></div>

CSS

body { padding: 20px; }
#value { margin-top: 20px; }

JavaScript

$('#slider').slider({
    min: 10,
    max: 20,
    step: 3,
    value: 15,
    slide: function(event, ui) {
        $('#value').html(ui.value);
    }
});

$('#value').html($('#slider').slider('option', 'value'));