NumberInput

This documentation provides a comprehensive reference for the NumberInput component, guiding you through its configuration options.

Demos

Screenshot #

Blazor NumberInput Component

Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
AllowNegativeNumbers bool False Gets or sets a value indicating whether negative numbers are allowed. 1.0.0
AutoComplete bool False If true, TextInput can complete the values automatically by the browser. 1.0.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Color NumberInputColor None Gets or sets the color. 1.0.0
Disabled bool False Gets or sets the disabled state. 1.0.0
EnableMinMax bool False Gets or sets a value indicating whether the minimum and maximum constraints are enabled. 1.0.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
IsRounded bool False If true, the rounded variant will be enabled. 1.0.0
Locale string en-US Gets or sets the locale used for formatting and localization. 1.0.0
Max TValue null Gets or sets the maximum allowable value. Max value is ignored if EnableMinMax is false. 1.0.0
MaxLength int? null Gets or sets the maximum number of characters that can be entered. 1.0.0
Min TValue null Gets or sets the minimum allowable value. Min value is ignored if EnableMinMax is false. 1.0.0
Placeholder string null Gets or sets the placeholder text. 1.0.0
Size NumberInputSize None Gets or sets the size. 1.0.0
State NumberInputState None Gets or sets the state. 1.0.0
Step double? null Gets or sets the step interval for the parameter. 1.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0
TextAlignment TextAlignment None Gets or sets the text alignment. 1.0.0
Value TValue null Gets or sets the value. 1.0.0
ValueExpression Expression<Func<string>>? null Gets or sets the expression. 1.0.0

Methods #

Name Return type Description Added Version
Disable() Void Disables the NumberInput. 1.0.0
Enable() Void Enables the NumberInput. 1.0.0

Events #

Name Return Type Description Added Version
ValueChanged EventCallback<TValue> This event fires when the NumberInput value changes. 1.0.0
DO YOU KNOW?
This demo website is built using the BlazorExpress.Bulma library and published on the Azure Web App. See our source code on GitHub.
If you like BlazorExpress.Bulma, give it a star on GitHub!