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

2022 © Codecarnival