NumericStepper

Type: React component

Renders a NumberInput, adding the functionality to step through values using a buttons with a "plus" and "minus" icon with a specified step size.

Keyboard behavior:

  • ArrowDown: subtract a step size from the value when focused and isDisabled is false.

  • ArrowUp: add a step size to the value when focused and isDisabled is false.

Props

  1. decimalSeparator

    (Optional)

    Default value

  2. isDisabled

    (Optional)

    Default value

  3. name

    (Optional)

    Type: FDS~Name

    Default value

  4. numberOfDecimals

    (Optional)

    Default value

  5. onChange

    (Optional)

    Default value

  6. placeholder

    (Optional)

    Default value

  7. step

    (Optional)

    Type: Number

    The size of steps to use when using the button to step through numbers.

    Default value

  8. tooltipContent

    (Optional)

    Default value

  9. validate

    (Optional)

    Default value

  10. value

    (Optional)

    Default value