InputNumber
A number field that formats as you type, with steps, limits and currency.
Basic
Thousands separators appear as you type; the model is a number.
Model: 1250000
Decimals
minFractionDigits and maxFractionDigits — . and , both start the fraction when the locale uses a comma.
Currency
mode="currency" with an ISO code; the symbol and its place come from the locale.
Locale
Without locale the field follows the tectra locale — switch it and the separators change.
Prefix suffix
prefix and suffix add your own text around the number.
Buttons
showButtons with three layouts: stacked, horizontal and vertical. Hold a button to repeat; the buttons are skipped by Tab — the arrow keys step instead.
Min max
min, max and step: the buttons stop at the limits, Home / End jump to them, a typed value is clamped on blur. min="0" also blocks the minus sign.
Clear
showClear empties the field; with [allowEmpty]="false" an empty field falls back to min or 0.
42 · 5
Float label
Works inside tx-float-label — give it an inputId.
Sizes
small, medium and large; variant="filled" like every field.
States
disabled, readonly and invalid.
Form
With tx-field and validators: Validators.min / max errors show the limits from the locale texts.
Design tokens
[dt] changes the inputNumber tokens — here wider, tinted buttons.