NumericEdit component

A native numeric <input> component built around the type="number".

Being built around native type="number" input element, the NumericEdit component comes with a few limitations that you must be aware of. First and foremost, the input display format is fully controlled by the browser and the system locale. This means that for you to change the input format you would need to change the browser settings.

Use <NumericEdit> to have a field for any kind of numeric values. All basic types are supported, including nullable types (int, long, float, double, decimal, etc.).

Examples

Basic

<NumericEdit Value="123" />

Rules

Generic type

Since NumericEdit is a generic component you will have to specify the exact data type for the value. Most of the time it will be recognized automatically when you set the Value attribute, but if not you will just use the TValue attribute and define the type manually eg.
<NumericEdit TValue="decimal?" />

Attributes

NumericEdit is just a specialized version of TextEdit component so all of the rules and styles are still working all the same. See TextEdit to find the list of supported attributes.

Name Description Type Default
TValue Generic type parameter used for the value attribute. generic
Value Gets or sets the value inside the input field. TValue default
ValueChanged Occurs after the value has changed. EventCallback<TValue>
Step Specifies the interval between valid values. decimal? null
Culture Helps define the localization of an element (used for parsing of the value). string null
Min The minimum value to accept for this input. TValue default
Max The maximum value to accept for this input. TValue default
Autofocus Set’s the focus to the component after the rendering is done. bool false