slider

React component wrapping leongersen/noUiSlider

Oct 24, 2018
React component wrapping leongersen/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.

View demo Download Source

noUiSlider

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

GitHub

Recommended