Range Input Component

A react component that makes compatible across all browsers with an optional material design style (cross-browser as well).
Demo: https://Mapker.github.io/react-range-input

Install via npm:
npm install range-input-react

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 and still have the onChange event fire in IE.

Usage

import Range from 'range-input-react';
// Optional css for the material style
import 'range-input-react/style.css';

<Range
  className='material' // Optional style
  onChange={this.handleOnChange}
  onClick={this.handleOnClick}
  onKeyDown={this.handleKeyDown}
  onMouseMove={this.handleOnMouseMove}
  value={20}
  min={0}
  max={100} />