<div class="bx--form-item">
  <label for="slider" class="bx--label">Slider label</label>
  <div class="bx--slider-test">
  <div class="bx--slider-container">
    <span class="bx--slider__range-label">0</span>
    <div class="bx--slider" data-slider data-slider-input-box="#{{inputId}}">
      <div class="bx--slider__track"></div>
      <div class="bx--slider__filled-track"></div>
      <div class="bx--slider__thumb" tabindex="0"></div>
      <input id="slider" class="bx--slider__input" type="range" step="1" min="0" max="100" value="50">
    </div>
    <span class="bx--slider__range-label">100</span>
    <input id="{{inputId}}" type="number" class="bx--text-input bx--slider-text-input{{#if light}} bx--text-input--light{{/if}}" placeholder="0">
  </div>
</div>
