# react-range

**Repository Path**: mirrors_mapbox/react-range

## Basic Information

- **Project Name**: react-range
- **Description**: A react range slider component
- **Primary Language**: Unknown
- **License**: ISC
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-09
- **Last Updated**: 2026-01-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### ⚠️ 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](https://github.com/facebook/react/issues/554) 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 `className`s as necessary:

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

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