STYLED MDL

Sliders

Selecting a value out of a range.

Sliders

/*--- Default Slider ---*/
<Slider min={0} max={100} />

/*--- Starting value ---*/
<Slider min={50} max={100} defaultValue={70} />

Disabled slider

/*--- Disabled ---*/
<Slider min={0} max={100} defaultValue={60} disabled />

Usage

The Slider component is just a style wrapper around the DOM element <input type="range" />. It should have all the same props and behaviors.

<Slider>

No Custom Props