Select theme:

Material 3
warning

You are viewing the legacy Radzen documentation.

Radzen Blazor Studio has replaced Radzen as the primary RAD tool for Blazor applications.

Radzen Blazor Studio offers a modern UI, enhanced features, and improved performance to streamline your development process.

The latest documentation for Radzen Blazor Studio is available here: https://www.radzen.com/blazor-studio/documentation/

Open Radzen Blazor Studio docs

Numeric component (Angular)link

This guide demonstrates how to use Numeric component

Numeric Propertieslink

NameTypeDefaultDescription
Namestring'numeric' + index suffixUnique name of the Numeric.
Valuestring/expressionnullNumeric value.
PlaceholderstringemptyNumeric placeholder.
Stepnumber1Numeric step factor to increment/decrement the value.
MinnumbernullNumeric mininum boundary value.
MaxnumbernullNumeric maximum boundary value.
ReadOnlyboolean/expressionfalseIs Numeric read-only.
Disabledboolean/expressionfalseIs Numeric disabled.
Visibleboolean/expressiontrueIs Numeric visible.
Autofocusboolean/expressionfalseShould focus the component initially.
SelectOnFocusboolean/expressionfalseShould select value of the component on focus.

image

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

Numeric Eventslink

NameTypeDefaultDescription
ChangeeventnullChange event of the Numeric. New value as event argument.

image

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

Angular declarationlink

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

© 2016-2025 Radzen Ltd. All Rights Reserved.
Designed and developed with ❤️ in Radzen Blazor Studio.

Select theme:

Material 3