NumericTextBoxComponent

Represents the Kendo UI NumericTextBox component for Angular.

Use this component to allow users to input numeric values.

html

<kendo-numerictextbox [(ngModel)]="value"></kendo-numerictextbox>

Selector

kendo-numerictextbox

Export Name

Accessible in templates as #kendoNumericTextBoxInstance="kendoNumericTextBox"

Inputs

Name	Type	Default	Description
autoCorrect	boolean		When true, the value is automatically corrected based on the minimum and maximum values (see example).
changeValueOnScroll	boolean	true	When true, enables changing the value with the mouse wheel.
decimals	number		Specifies the number of decimals the user can enter when the input is focused (see example).
disabled	boolean	false	When true, disables the NumericTextBox. To disable the component in reactive forms, see Forms Support.
fillMode	InputFillMode	'solid'	Sets the background and border styles of the NumericTextBox (see example).
inputAttributes	{[key: string]: string}		Sets HTML attributes on the inner input element. The component ignores attributes that are essential for its functionality.
max	number		Sets the maximum valid value (see example).
maxlength	number		Sets the maximum number of characters the user can type or paste in the input. The locale-specific decimal separator and negative sign (-) count toward the length. The maxlength does not apply to the formatted value when the component is not focused.
min	number		Sets the minimum valid value (see example).
placeholder	string		Sets the input placeholder.
rangeValidation	boolean	true	Enforces the built-in minimum and maximum validators during form validation.
readonly	boolean	false	When true, makes the NumericTextBox read-only.
rounded	InputRounded	'medium'	Sets the border radius of the NumericTextBox (see example).
selectOnFocus	boolean	true	When true, enables selecting the entire value on click.
size	InputSize	'medium'	Sets the padding of the internal input element (see example).
spinners	boolean	true	When true, renders the Up and Down spin buttons (see example).
step	number	1	Specifies the value used to increment or decrement the component value (see example).
tabindex	number		Sets the tabindex of the component.
title	string		Sets the title attribute of the input element.
value	number		Sets the value of the NumericTextBox (see example).

Fields

Name	Type	Default	Description
format	string | NumberFormatOptions		Specifies the number format used when the NumericTextBox is not focused (see example). If format is null or undefined, the default format is used.

Events

Name	Type	Description
inputBlur	EventEmitter<any>	Fires when the input element gets blurred.
inputFocus	EventEmitter<any>	Fires when the input element is focused.
blur	EventEmitter<any>	Fires when the NumericTextBox component gets blurred (see example).
focus	EventEmitter<any>	Fires when the NumericTextBox element is focused (see example).
valueChange	EventEmitter<any>	Fires when the user selects a new value (see example).

Methods

blur
Blurs the NumericTextBox.

focus
Focuses the NumericTextBox.

notifyValueChange
Notifies the NumericTextBoxComponent that the input value should be changed. Can be used to update the input after setting the component properties directly.