Number Input mobile component

Enter a number.

An input field to enter a number value. It supports prefix and suffix icons, and can display stepper buttons for granular control.

Properties

allowNegativeNumbers

boolean

Whether to allow negative numbers.

customValidation

string

A JavaScript conditional statement for custom validation logic. If the statement evaluates to a string, validation fails and it is rendered as the error message. An empty or nullish value is treated as valid input.

disabled

boolean

Whether user input, interaction, or selection is disabled.

formDataKey

string

The key used by a Form component to assign default values to input fields using form.initialData, and to construct the form.data property.

hidden

boolean

Whether the component is visible.

hideValidationMessage

string

Whether to hide the validation message if the input is invalid.

iconAfter

IconKey

The icon to display after the primary content.

iconBefore

IconKey

The icon to display before the primary content.

id

string

The name of the component.

invalid

boolean

Whether the current value has failed any validation rules.

label

string

The input label.

labelCaption

string

The additional text to display with the label.

maxLength

number | null

The maximum length of input allowed.

minLength

number | null

The minimum length of input allowed.

placeholder

string

The placeholder text for the input.

pluginType

string

The component type.

required

boolean

Whether the input is required for validation.

showStepper

boolean

Whether the input field includes buttons to adjust the value incrementally.

validationMessage

string

The validation message to display if the input is invalid.

value

string

The value of the component.