JSFiddle - React, Tailwind, and code Playground

by Jedaias Rodrigues

HTML

<link rel="stylesheet" href="https://seiyria.com/bootstrap-slider/css/bootstrap-slider.css">
<script src="https://seiyria.com/bootstrap-slider/js/bootstrap-slider.js"></script>
<link rel="stylesheet" href="https://seiyria.com/bootstrap-slider/dependencies/css/bootstrap.min.css">
<div class="well">
  <input id="ex10" type="text" data-slider-handle="custom"/>
</div>

CSS

.well {
  background-color: #E0E0E0;
}

.slider-handle.custom {
  background: transparent none;
}

JavaScript

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