Labels over Pips

Each pip has an intrinsic value based on the min and max and its position in the Slider. This value can be displayed as a label over the pip.

The labels are displayed using the all, first last and rest props.

Labels over All

<RangeSlider pips all="label" />
Labels over All
0 5 10 15 20 25 30 35 40 45 50 55 60 65 70 75 80 85 90 95 100

Labels over First & Last

<RangeSlider pips first="label" last="label" />
Labels over First & Last
0 100

No Pips over Rest

<RangeSlider pips all="label" rest={false} />
No Pips over Rest
0 100

Labels over Rest

<RangeSlider pips rest="label" />
Labels over Rest
5 10 15 20 25 30 35 40 45 50 55 60 65 70 75 80 85 90 95