Slider
Sliders are input component that helps user enter range of values. For e.g., sliders for volume control or price in an e-commerce website.
Elixir offers one simple input slider - Simple Slider.
Simple Slider
To generate a custom slider, use the class slider-container and add the input slider within this container.
0
100
Copy the code below to generate a custom styles input range slider.
<div class="slider-container">
<div class="slider-min-value">0</div>
<input type="range" class="input-range" id="slider-range" min="0" max="100" step="1" />
<div class="slider-max-value">100</div>
</div>