Skip to content

Number#

The Number element allows input of a number.

Settings:

  • Required: If checked the User cannot complete the UI without entering a number
  • Disabled: If checked the User cannot update the input and the value should be set from the Flow
  • Show label: If checked the element label will not be shown above the input but only as placeholder
  • Min value: If set the User cannot complete the UI if the number is less than the provided value
  • Max value: If set the User cannot complete the UI if the number is bigger than the provided value
  • Decimal places: If set the value will be parsed to have the exact number of decimal places after completion of the UI e.g. "100" will become "100.00"
  • Unit: Any type of text is allowed as unit, for example "mm", "kg", "EUR", "People" ...

Conditions: There are 6 types of conditions - Less than "<", Less than equals "≤", Equals "=", Not equals "≠", Greater than ">", Greater than equals "≥"

New feature since 12.01.2026:#

  • You can now define a step for number fields. This lets users change values in fixed increments (e.g., 0.1, 1, 2.5).
  • Choose how the control looks:
  • Up/Down Arrows (default): native button behavior with your chosen step.
    See Step.mp4 for configuring a step and using the default arrows.
  • Plus/Minus Buttons: clear left/right buttons to increase+/decrease– values by the step.
    See Styles.mp4 for the alternative plus/minus style.

How it behaves#

  • Buttons/spinner: Clicking plus/minus (or the native arrows) moves the value by the step.
  • Min/Max aware: Button adjustments respect any minimum/maximum you set.
  • Precision-aware: Values are rounded to the greater of your step precision or configured decimal places.

How to use it#

1) In the designer, set a Step value on your number element (optional). 2) Pick a Step Design: - Leave empty/default for arrows. - Select “Plus/minus” for explicit +/– buttons (demoed in step-styles.mp4).

See also UI Designer