@springload/react-nouislider

React component wrapping leongersen/noUiSlider

Usage no npm install needed!

<script type="module">
  import springloadReactNouislider from 'https://cdn.skypack.dev/@springload/react-nouislider';
</script>

README

@springload/react-nouislider

:warning: Fork of react-nouislider, itself using a fork of leongersen/noUiSlider to allow setting ranges dynamically and other fixes to be merged in upstream project.

Use at your own risks.

npm install --save @springload/react-nouislider

Usage

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