# Sliders

Sliders in Pages are powered by noUiSlider and Ion.RangeSlider, which are lightweight jQuery Range Slider plugins that come with tons of options and support for multiple devices.

# noUiSlider

# Import

import Slider from "../NoUiSlider";

# How to use

<div className="col-lg-8 disable-hover-scale no-padding m-t-20">
    <Slider
        connect="lower"
        behaviour="none"
        toolTips={true}
        min={0}
        max={100}
        start={40}
        id="black"
        >
    </Slider>
</div>

# Ion.RangeSlider

# Import

import IonRangeSlider from "react-ion-slider";

# How to use

<div className="irs-wrapper primary">
    <IonRangeSlider
        type="double"
        skin="flat"
        min={0}
        max={5000}
        from={0}
        to={5000}
        step={4}
        keyboard={true}
        grid={true}
        prefix="$"
    />
</div>