Reduce Steps size in Number Input

🤝 Discussion
3

Hey @HamzaK99,

That's an interesting use case. I see two solutions

  • Hide the stepper buttons from the input and create new buttons yourself (bit clunky on the UI side)
  • Create another number input, set the default value to the original input's value and hide it. Then create a JS query that get's triggered on change that does something like this:
var oldValue = numberInput2.value;
var newValue = numberInput1.value;

if (oldValue < newValue) {
  numberInput1.setValue(oldValue + 0.1)
} else {
  numberInput1.setValue(oldValue - 0.1)
}

Also a bit overkill but should solve your issue for now.

1 Like