Header Skin Color
Primary Color

Form / Range Sliders (Ion Range)

Basic

050

Set Min Value, Max Value, Start Point & Step

5 000 — 14 000

Sizes

Large
050
Default
050
Small
050

Skin Style Supprt

Round
050
Flat
050
Square
050

Color Variation

Primary (Default)
050
Secondary
050
Success
050
Danger
050
Warning
050
Info
050

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