Numeric component (Angular)
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. |
| 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>