NumberInput component

Level: beginner

NumberInput is a component that lets you set up a numeric field on an app page. The NumberInput component uses its own <input> and <label> elements to ensure the the field is available by default. The aria-label attribute is generated automatically and refers to the <input> parent element.

Properties

id string

The unique ID. Service field.

control FormControl

The control.

label string

The numeric field title.

value string

The numeric field value.

disabled boolean

The flag that locks the numeric field from editing.

min number

The minimum allowed numeric field value.

max number

The maximum allowed numeric field value.

decimalPrecision number

The number of decimal places.

readonly boolean

The flag that locks the numeric field from editing. By default, false.

autocomplete string

Permit the browser to populate the numeric field automatically. By default, off.

rowModeSizePx number

The numeric field width. By default, 320.

labelPosition string

Specifies where to display the numeric field title. By default, auto.

Available values

auto	Move the numeric field title automatically when the available screen space for the input changes. By default, to the left. When shrunk, above.
left	Display the title to the left of the numeric field.
right	Display the title to the right of the numeric field.
hidden	Hide the numeric field title.
above	Display the title above the numeric field.