Skins and looks

Different looks of Ion.RangeSlider. 6 beautiful skins

Flat skin


    $(".js-range-slider").ionRangeSlider({
        skin: "flat"
    });
    

Big skin


    $(".js-range-slider").ionRangeSlider({
        skin: "big"
    });
    

Modern skin


    $(".js-range-slider").ionRangeSlider({
        skin: "modern"
    });
    

Sharp skin


    $(".js-range-slider").ionRangeSlider({
        skin: "sharp"
    });
    

Round skin


    $(".js-range-slider").ionRangeSlider({
        skin: "round"
    });
    

Square skin


    $(".js-range-slider").ionRangeSlider({
        skin: "square"
    });
    

Big thanks to Veaceslav Grimalschi for designing Round and Square skins