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;
}
#slider .ui-slider-handle {
    width:12px!important;
    height:12px!important;
    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();
});