multicolorslider

Multi-color slider implemented in ReactJS. Configurable number of segments and colors!

Install

``sh
npm i multicolorslider
`

Run locally

To run the example App locally:

`sh
npm install
npm run build
npm start
`

Open localhost:2222.

Usage

`jsx
import ColorSlider from 'multicolorslider'
`


`jsx

min={Number}
max={Number}
name={String}
thresholds={Array}
colors={Array}
onChange={Function}
/>
`

$3

Prop | Type | Default | Description
--------- | ------- | ------- | -----------
min | number | | minimum value on the slider
max | number | | maximum value on the slider
name | string | | name of the slider
thresholds | array | [] | array of thresholds with array [0] == min and array[length -1] == max
colors | array | [] | array of color codes, each representing a color segment on the slider in a sequence. The array length is equal to the thresholds array length - 1
onChange` | function | | call back function whenever slider changes a value/threshold

License

Please check the LICENSE file.