Controls range (slider) - How to show also the value?

[CezarCobuz]

For a given story that has the arg type as range (see below snippet)

const argTypes = {
  value: {
    range: true,
    min: 0,
    max: 1000,
    step: 1
  }
}

Inside controls I see the name(value) and a slider for it but it would be useful to see the value itself (for example 562)

Would it be ok if I create a PR with adding that option ('showValue: boolean') inside addons/ondevice-controls/src/types/Number.tsx?

[dannyhw]

@CezarCobuz that sounds like a great idea. There is no particular reason not to show the number that I know of.

Would it be ok if I create a PR with adding that option ('showValue: boolean') inside addons/ondevice-controls/src/types/Number.tsx?

Yes that sounds great, really appreciate all contributions. I think it could also just always show the number maybe. Lets see how it looks and decide after.

[CezarCobuz]

For the given example "value" is the name of the argument (or prop for the component). It makes more sense to keep that together with the number here is an example with 2 ranges for a random component with start and end

I will start a PR in a bit, I was just going over the contribution guide as we speak