JSFiddle - React, Tailwind, and code Playground

by JonNorman

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css">
<div id="slider"></div>

CSS

#slider{left:50px;top:10px;width:50%;height:10px;margin:0px!important;position:relative}
.ui-slider-handle {
width:12px!important;
height:12px!important;
position:absolute;
top:0px!important;
margin-left:-6px!important;
    margin-right:10px!important;
z-index:200;
background:url("http://www.predig.com/images/PD540/arrow_small_up.gif") no-repeat!important;
        border:0!important
}

JavaScript

$(function() {
    $("#slider").slider();
});