Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
37 lines (28 sloc) 823 Bytes

Slider

See the demo component here

Usage

Below, an example of using the Slider component:

import { Slider } from 'mdwrapper';

const Demo = () => (
  <Slider
    min={20}
    max={64}
    value={42}
    step={2}
    discrete
    displayMarkersonChange={e => console.log(e)} />
);

Props

List of all properties for the Slider component:

Prop Type Default Description
disabled boolean false Available State
discrete boolean false Discrete Style
displayMarkers boolean false Display Markers Style
max number 100 Max Value
min number 0 Min Value
onChange function void Change Trigger
step number 1 Step Value
value number 50 Default Value
You can’t perform that action at this time.