Hi @oliviertassinari I really like this example, thanks!
One question, why did you set step={max / 100}?
I'm asking because when I changed it to 1 locally few things stopped working for me, like controlling the slider from the keyboard. That got me confused about the meaning of the step prop in this context.

why did you set step={max / 100}?

The step property represents the smallest amount user can change in the [min, max] range.
With that value, the slider can have 100 unique positions, I feel like it a good choice for the given width of the slider in the demo.

@oliviertassinari Yeah, I know the general role of the step prop, I was wondering about it in the context of this example. Maybe I'm missing something, but wont that mean that the slider will only be able to move in steps of 10k?
This might be unrelated, but why does it stop responding to keyboard control when I set the step size to 1?

Thanks.

You are right by 10k steps.
I have no idea what's going one with the keyboard.

ok, thanks.
I guess that the 10k step are also normalized by the transformation, so the slider moves in changing increments.

(Typo fixed)