Radzen Professional is now 20% off until January 4th 2019! Learn more

Numeric component

This guide demonstrates how to use Numeric component

Numeric Properties

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.
DecimalSeparator number . Numeric separator character for decimals.
ThousandSeparator number , Numeric separator character for thousands.
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.

Numeric Events

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.

Angular declaration

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

We are here for you

Making our users happy is always a priority for us.