react-nouislider

react-nouislider

Wraps leongersen/noUiSlider in a react component.

New features

There are no added features in react-nouislider compared to the underlying noUiSlider project. If you need more features please direct them to the https://github.com/leongersen/noUiSlider repository.

Documentation

All the options used in react-nouislider are then passed to noUiSlider. See the noUiSlider documentation before opening issues.

Usage

npm install react-nouislider --save

import React from 'react';
import ReactDOM from 'react-dom';

import Nouislider from 'react-nouislider';

ReactDOM.render(
  <Nouislider
    range={{min: 0, max: 200}}
    start={[0, 100]}
    tooltips
  />, document.querySelector('#container')
);

Development workflow

npm install
npm run dev

Changelog

1.14.2 (2016-11-14)

<a name="1.14.1"></a>