Slider label shows floating point rounding errors

[as-com]

Bug report

• Package version(s): 1.9.0
• Browser and OS versions: Firefox Developer Edition 53.0a2 (also happened in other browsers)

Steps to reproduce

<Slider 
  onChange={(value) => { this.setState({ value }) }} 
  value={this.state.value}
  stepSize={0.1}
/>

(http://www.webpackbin.com/Ek8qyKYFG)

2. Drag slider around

Actual behavior

Expected behavior

Slider label displays expected step values.

Perhaps this could be fixed by rounding to the number of significant digits given in stepSize.

[giladgray]

this is easily handled by a custom renderLabel, but is not supported out-of-the-box currently.

<Slider renderLabel={(value) => value.toFixed(2)}` />

[giladgray]

when using fractional (<1) steps, you pretty much have to do the above code.

we'd also happily accept a PR to add a precision prop.