The Blazor Numeric TextBox component allows users to enter numerical values in both Blazor WebAssembly (WASM) and Server-side Blazor apps. It is used to get number inputs from users and has several out-of-the-box features such as up/down spinner arrows, number format support, max, min and step values, validation, keyboard navigation, globalization, built-in themes and more.
The Numeric TextBox also supports any custom format. Using a custom format, you can place any symbol or text as a prefix or suffix to the input number.
The Telerik UI for Blazor suite supports and integrates seamlessly into Blazor's Forms and Validation infrastructure. All Telerik UI for Blazor Input components (including simple inputs such as TextBox, Numeric TextBox and DateInput) work out of the box when placed inside an EditForm, respond to EditContext changes and provide default invalid styles.
When you need to validate user input for out of range values, the Telerik Numeric TextBox for Blazor is the perfect match.
The Numeric TextBox component exposes OnChange and ValueChanged events to let you handle user input and perform the necessary flow of logic in your code. You have full control the user actions within the Numeric TextBox component – from capturing user keystrokes to confirmation of the changed values.
Like all other Telerik UI for Blazor components, the Numeric TextBox component supports out of the box Keyboard Navigation and web accessibility standards implementation. This enables easy navigation through pages using just keyboard, as well as access to component content through assistive technologies.
The Numeric TextBox has built-in support for localization, which makes it easy to translate your Blazor app to any language your project may require. In addition, the component also features globalization capabilities, so it reflects the device culture and uses it to present the user with the appropriate culture-specific number formats.
The Telerik Blazor Numeric TextBox component has several built-in themes such as Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which looks like the Bootstrap styling to integrate better). You can easily customize any of out-of-the-box themes, style specific component or create new theme using the Telerik Saas ThemeBuilder application.