Base UI
Range Slider
Documentation
Starter Kit Codes
Starter Kit Code
<div class="component-item range-slider-item">
<div class="form-group form-group-range-slider">
<label class="form-label">Value</label>
<div class="asRange range-slider" data-plugin="asRange" data-step="5" data-min="0" data-max="100" data-value="35" data-scale='{"valuesNumber":2}'></div>
</div>
</div>
Starter Kit Code
<div class="component-item range-slider-item">
<div class="form-group form-group-range-slider">
<label class="form-label">Range</label>
<div class="asRange range-slider" data-plugin="asRange" data-step="1" data-min="0" data-range="true" data-value="[23,78]" data-scale='{"valuesNumber":2}' data-tip=true></div>
</div>
</div>