Number

Input for numeric values.

Demo

Basic example

{ "type": "number", "label": "Age", "value": "{{age}}" }

Min and max example

{ "type": "number", "label": "Age", "value": "{{age}}", "defaultValue": 4, "extraSettings": { "min": 5, "max": 10 } }

Format example

{ "type": "number", "label": "Float number", "value": "{{float}}", "defaultValue": "1234567,89", "extraSettings": { "fractionSize": 2, "numberFormat": " ," } }

Attributes

Attribute	Type	Description
type	string	Type expected is number
value	number or string	value
defaultValue	number or string	defaultValue

See section Common attributes.

Extra attributes

Attribute	Type	Description
max	number	Maximum accepted value
min	number	Minimum accepted value
fractionSize	number	Maximum allowed decimals. Undefined or 0 is integer number.
numberFormat	string	Two chars defining separators. - First char is thousand separator. - Second char is decimal separator. e.g. ".," for entering numbers like 1.234,56
minValueErrorMessage	string	Custom error message for minValue validation
maxValueErrorMessage	string	Custom error message for maxValue validation

When to use it

Provides similar functionality as a native HTML <input type="number">.
Use it to input or edit numeric values. For formatted values such as a phone number or zipcode, consider using a text component with a validationMask. See Text component.