JSFiddle - React, Tailwind, and code Playground

HTML

<div id="slider" />

CSS

#slider {
    margin: 10px;
}

.ui-slider-horizontal {
    height: 8px;
    width: 200px;
}

.ui-slider .ui-slider-handle {
    height: 15px;
    width: 5px;
}

JavaScript

$("#slider").slider({
    orientation: "horizontal",
    max: 100,
    min: 0
});