⚠️ This repo is archived ⚠️

For a maintained alternative, check out https://mapbox.github.io/mr-ui/#controlrange.

React Range

A react component that makes <input type='range' /> compatible across all browsers.

Why?

It is a known issue the onChange event does not work in IE. This seeks to be a simple drop in replacement for any <input type='range' /> and still have the onChange event fire in IE.

Usage

You can pass in any props and classNames as necessary:

var Range = require('@mapbox/react-range');

<Range
  className='slider'
  onChange={this.handleOnChange}
  type='range'
  value={20}
  min={0}
  max={100} />