NumberInput Blazor API

NumberInput Properties

NameTypeDefaultDescription
DisabledboolfalseEnables or disables the element.
InputPurposestring"off"Sets the purpose of the input and what, if any, permission the user agent has to provide automated assistance in filling out the element's input when in a form, as well as guidance to the browser as to the type of information expected in the element. This value corresponds to the standard HTML autocomplete attribute and can be set to values such as 'on', 'name', 'organization', 'street-address', etc.
Localestring"en"Sets or gets the language. Used in conjunction with the property messages.
Maxint9999999999Determines the max number that can be displayed inside the input.
MessagesobjectN/ASets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.
Minint-9999999999Determines the min number that can be displayed inside the input.
Namestring""Sets or gets the name attribute for the element. Name is used when submiting data inside an HTML form.
NumberFormatobjectN/ASets or gets the value format of the element.
Placeholderstring""Determines the placeholder of the input.
ReadonlyboolfalseDetermines whether ot not the user can enter text inside the input.
RightToLeftboolfalseSets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
Stepint1Sets or gets the incremental/decremental step for the value of the element.
Themestring""Determines the theme for the element. Themes define the look of the elements.
UnfocusableboolfalseIf is set to true, the element cannot be focused.
Valueobject0Sets or gets the value of the element.

NumberInput Methods

NameTypeArgumentsDescription
GetFormattedValuevoidobject value, object formatReturns the value in the desired format.Args: string value - The value to be formatted by the method. ,object format - The object that contains the formatting properties. The argument should contain Intl.NumberFormat valid properties. For example, { style: 'currency', currency: 'EUR' }
GetFormattedValuevoidobject valueReturns the value in the desired format.
GetValuevoidN/AReturns the number of the input.
GetValueAsync()Task<object>'N/A'Gets the &quot;Value&quot; property as Task&lt;object&gt;.
Refreshvoid'N/A'Refreshes the Blazor Component. Performs a layout of the HTML Elements and recalculates the measurements.
Rendervoid'N/A'Re-renders the Blazor Component. This method will make a full re-render.
SelectvoidN/ASelects the text inside the input or if it is <b>readonly</b> then the element is focused.
SetValuevoidobject valueSets the value of the input.Args: string value - The value to be set.
SetValuevoidstring valueSets the value of the input.Args: string value - The value to be set.
SetValuevoidint valueSets the value of the input.Args: int value - The value to be set.
StateHasChangedvoid'N/A'Refreshes the state and Re-renders the Blazor Component, if necessary.

NumberInput Events

NameTypeDescriptionEvent Detail
OnChangeEventCallback<Event>This event is triggered when the selection is changed.string label- The label of the new selected item., dynamic oldLabel- The label of the item that was previously selected before the event was triggered., dynamic oldValue- The value of the item that was previously selected before the event was triggered., dynamic value- The value of the new selected item.
Changedevent NumberInputChangedEventHandlerThis event is triggered when the selection is changed.NumberInputChangedEventArgs