JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/jhovgaard/jquery.rangegroup/master/src/jquery.rangegroup.js"></script>
  <input type="range" range-group="myGroup1" name="range1" range-group-max-sum="200" min="0" max="100">
  <input type="range" range-group="myGroup1" name="range2" range-group-max-sum="200" min="0" max="100">
  <input type="range" range-group="myGroup1" name="range3" range-group-max-sum="200" min="0" max="100">

CSS

input {
    width: 300px;
    display: block;
    margin: 0 0 20px 0;
}