Skip to content

Range Slider

brandonk1234 edited this page Feb 23, 2017 · 3 revisions

RangeSlider

The rangeSlider component is used to slide between different sets of values.

Props

The props needed for this component are listed and explained below:

  • onChange - This prop must be a function.

  • step - This prop must be a number.

  • min - This prop must be a number.

  • max - This prop must be a number.

  • defaultValue - This prop must be a number.

Example

<RangeSlider
    onChange={(value) => console.log('range slider value:', value)}
    step={1}
    min={1}
    max={100}
    defaultValue={30}

Related