Available Numerical Input Fields
Number Input (type: number)
Number Input (type: number)
The standard field for capturing numerical values. It can be configured for integers or decimals, and with specific ranges.Use Cases:
- Age
- Quantity of items
- Scores or ratings (e.g., 1-5)
- Measurements (height, weight, length)
- Currency amounts (though a dedicated currency field might exist in Advanced Inputs)
- Minimum Value: The smallest number allowed.
- Maximum Value: The largest number allowed.
- Step Interval: The increment/decrement value when using up/down arrows (e.g., step by 1, 0.5, or 10).
- Allow Decimals (Precision): Specify if decimal values are permitted and, if so, to how many decimal places.
- Units/Prefix/Suffix: (If supported directly or via
properties
) Option to display units like “kg”, ”$”, or ”%”.

Example: Number Input field for 'Quantity' with Min/Max values set
Range Slider (type: range)
Range Slider (type: range)
Provides an interactive slider for users to select a numerical value within a predefined continuous or stepped range. This is often more engaging for users than typing a number directly for certain types of input.Use Cases:
- Satisfaction ratings (e.g., 0% to 100%)
- Setting a price range for a filter
- Likert-scale type questions (e.g., Strongly Disagree [1] to Strongly Agree [5])
- Adjusting a percentage value
- Minimum Value: The starting value of the slider range.
- Maximum Value: The ending value of the slider range.
- Step Value: The increment the slider moves in (e.g., a step of 1 for integer values, or 0.1 for finer control).
- Show Value Label: Option to display the currently selected value alongside the slider.
- Show Min/Max Labels: Option to display the minimum and maximum values at the ends of the slider.
- Units: Display a unit next to the selected value (e.g., ”%”).

Example: Range Slider for 'Satisfaction Level' from 0 to 100
Common Properties for Numerical Inputs
These numerical fields also support standard properties like:- Label: The question or title for the numerical input.
- Help Text/Description: Further clarification for the user.
- Required: Makes providing a numerical value mandatory.
- Default Value: Pre-fills the field with a specific number or sets the initial slider position.
- Read-Only: Displays a pre-set number that cannot be changed.
- Conditional Logic: Show or hide based on other form inputs.