Form / Range Sliders (Ion Range)
Basic
Set Min Value, Max Value, Start Point & Step
Sizes
Large
Default
Small
Skin Style Supprt
Round
Flat
Square
Color Variation
Primary (Default)
Secondary
Success
Danger
Warning
Info
How To Use
Basic Use HTML
<input type="text" class="ion-range-1"/>
Js Activation
$(".ion-range-1").ionRangeSlider({
skin: 'round',
type: 'single',
min: 0,
max: 100,
from: 50,
});
For Sizes use data-extra-classes="irs-lg/sm"
. For Color use data-extra-classes="secondary/seccess"
classes etc. And for Skins Adomx Support those 3 Skin (Round/Flat/Square)
For more Information please follow the Official Documentation