Float

By passing the float prop to the component, we can have a nice label which floats above the handle and shows the current value.

Hover/Drag the Slider handles below to see the float

<RangeSlider float />

Float without Hover

The Slider can be initialised with hoverable set false which will prevent the float from appearing on hover.

<RangeSlider float hoverable={false} />