Numeric component (Angular)link

This guide demonstrates how to use Numeric component

Numeric Propertieslink

Name	Type	Default	Description
Name	string	'numeric' + index suffix	Unique name of the Numeric.
Value	string/expression	null	Numeric value.
Placeholder	string	empty	Numeric placeholder.
Step	number	1	Numeric step factor to increment/decrement the value.
Min	number	null	Numeric mininum boundary value.
Max	number	null	Numeric maximum boundary value.
ReadOnly	boolean/expression	false	Is Numeric read-only.
Disabled	boolean/expression	false	Is Numeric disabled.
Visible	boolean/expression	true	Is Numeric visible.
Autofocus	boolean/expression	false	Should focus the component initially.
SelectOnFocus	boolean/expression	false	Should select value of the component on focus.

For more info about expressions please visit expressions in our documentation.

Name	Type	Default	Description
Change	event	null	Change event of the Numeric. New value as event argument.

For more info about event actions please visit event actions in our documentation.

<rz-numeric #numeric0 name="numeric0" (change)="numeric0Change($event)">
</rz-numeric>

In this article —

Radzen is free to use. You can also test the premium features for 15 days.

Select theme: