JSFiddle - React, Tailwind, and code Playground

by gRoberts

HTML

<script src="https://unpkg.com/@spreadtheweb/[email protected]/dist/range-slider.main.min.js"></script>
<div id="test">
  <div class="range-1"></div>
</div>
<div id="test2">
  <div class="range-2"></div>
</div>

CSS

body {
  margin: 40px;
}
#test {
}
#test2 {
  position: relative;
}

JavaScript

new RangeSlider(".range-1", {
  pointRadius: 6,
  trackHeight: 2,
  railHeight: 2
});
new RangeSlider(".range-2", {
  pointRadius: 6,
  trackHeight: 2,
  railHeight: 2
})