Select theme:

NEWBlazor Charts Deep Dive: Candlestick, Box Plot, Waterfall, and 30+ More Free Chart Types

Numeric component (Angular)Link to this section

This guide demonstrates how to use Numeric component

Numeric PropertiesLink to this section

NameTypeDefaultDescription
Namestring'numeric' + index suffixUnique name of the Numeric.
Valuestring/expressionnullNumeric value.
PlaceholderstringemptyNumeric placeholder.
Stepnumber1Numeric step factor to increment/decrement the value.
MinnumbernullNumeric minimum 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 to this section

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 to this section

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

Get started today

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

Start Free
© 2016-2026 Radzen Ltd. All Rights Reserved.
Designed and developed with ❤️ in Radzen Blazor Studio.
IP Geolocation by DB-IP

Select theme: