Number
A numeric input field with min, max, and step constraints.
Overview
The Number field renders an input[type=number] element that restricts input to numeric values. It supports integer and decimal values, configurable min/max bounds, and a step increment. Browser-native number spinners are shown.
For visual range selection (sliders), use the Range / Slider field instead. For calculated numeric values derived from other fields, use the Calculated Field.
Properties
| Property | Type | Default | Description |
|---|---|---|---|
| type | string | — | The field type identifier (e.g. "text", "email"). |
| label | string | — | Human-readable label shown above the field. |
| name | string | — | Unique machine name used as the data key in submissions. |
| required | boolean | false | When true the form cannot be submitted without a value. |
| placeholder | string | undefined | Ghost text shown inside the input when empty. |
| defaultValue | any | undefined | Pre-filled value when the form loads. |
| hidden | boolean | false | Hides the field from the rendered form (still submitted). |
| disabled | boolean | false | Renders the field as read-only and non-interactive. |
| description | string | undefined | Helper text displayed below the field label. |
| className | string | undefined | Additional CSS class applied to the field wrapper. |
| validation.min | number | undefined | Minimum allowed value. |
| validation.max | number | undefined | Maximum allowed value. |
| step | number | 1 | Increment/decrement step for spinner controls. |
| allowDecimals | boolean | true | When false, only integers are accepted. |
JSON Schema
{
"type": "number",
"label": "Age",
"name": "age",
"required": true,
"placeholder": "Enter your age",
"validation": {
"min": 18,
"max": 120
},
"step": 1,
"allowDecimals": false
}