JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ninjaui.com/cdn/1.0.0/jquery.ninjaui.min.js"></script>
Volume

JavaScript

var
  $slider = $.ninja.slider({
    html: 'Volume',
    value: 3,
    values: [
      { html: '<span title="Silence">0 dB</span>' },
      { html: '<span title="Calm breathing">10 dB</span>' },
      { html: '<span title="Very calm room">20-30 dB</span>' },
      { html: '<span title="Normal conversation">40-60 dB</span>' },
      { html: '<span title="TV set at home level">60 dB</span>' },
      { html: '<span title="Passenger car">60-80 dB</span>' },
      { html: '<span title="Hearing damage over time">78 dB</span>' },
      { html: '<span title="Traffic on a busy roadway">80-90 dB</span>' },
      { html: '<span title="Jack hammer">100 dB</span>' },
      { html: '<span title="Hearing damage immediately">120 dB</span>' },
      { html: '<span title="Threshold of pain">130 dB</span>' },
      { html: '<span title="Jet engine">150 dB</span>' },
      { html: '<span title="M1 Garand rifle">168 dB</span>' }
    ]
  });