JSFiddle - React, Tailwind, and code Playground

by rvernica

HTML

<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<div id="slider"></div>
<div id="info"></div>

CSS

#slider {
    transform: scale(2);
    height: 200px;
    margin: 200px;
}

JavaScript

$(function () {
    $("#slider").slider({
        orientation: "vertical",
        range: "max",
        min: -100,
        max: 0,
        value: -20,
    });
});
$("#info").text("jQuery " + $.fn.jquery + " jQuery UI " + $.ui.version)