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 whether users can enter negative numbers. When false, negative input is rejected during parsing. 1.0.0
AutoComplete bool False Gets or sets whether browser autocomplete is enabled. When true, the browser may offer saved values for the input. 1.0.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Disabled bool False Gets or sets whether the input is disabled. When true, users cannot change its value. 1.0.0
EnableMinMax bool False Gets or sets whether input is restricted to the configured minimum and maximum values. When true, values outside the range are rejected. 1.0.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
Locale string null 1.0.0
Max object? null Gets or sets the maximum permitted value. It is enforced only when EnableMinMax is true. 1.0.0
Min object? null Gets or sets the minimum permitted value. It is enforced only when EnableMinMax is true. 1.0.0
Placeholder string? null Gets or sets placeholder text displayed when the input has no value. 1.0.0
Step double? null Gets or sets the increment used by the browser's number input controls. 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 Alignment None Gets or sets the horizontal alignment of the input value. 1.0.0
Value object? null Gets or sets the current numeric value bound to the input. 1.0.0
ValueExpression Expression<Func<object?>> null Gets or sets the expression that identifies the bound value for validation and EditContext notifications. 1.0.0

Methods #

Name Return type Description Added Version
Disable() Void Disables the number input so users cannot change its value. 1.0.0
Enable() Void Enables the number input so users can change its value. 1.0.0

Events #

Name Return Type Description Added Version
ValueChanged EventCallback<object?> Occurs whenever user input changes the number value, including changes produced by typing. 1.0.0
If you like Blazor Bootstrap, give it a star on GitHub!
Blazor Bootstrap Blazor Bootstrap
  • Designed and built with all the love in the world by the Blazor Bootstrap team with the help of our contributors.
  • Code licensed Apache License 2.0.
  • Currently v4.0.0.
  • Powered by .NET 10.0.0
Links
Guides
Community
Other Libraries

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please reload the page.