SLIDERS
Sliders are used on web pages to allow the user to specify a numeric value that should not be less than a certain value and not greater than another given value. That is, it allows you to choose a value from a range represented as a slider.
COMPONENT DEMO
<!-- INPUT SLIDERS PROVIDED BY GENTLE UI -->
<div class="slider-container">
<input type="range" min="1" max="100" value="1" class="gentle-input-slider" id="slide-range">
<datalist class="g-flex-row g-flex-space-between">
<option value="2k">2k</option>
<option value="4k">4k</option>
<option value="6k">6k</option>
<option value="8k">8k</option>
</datalist>
</div>