ui-for-blazor-lp-pages-herobanner

Progress Telerik UI for Blazor

TextBox

  • Blazor TextBox Overview

    The TextBox component allows you to display, enter and edit plain text in Blazor forms. You can completely customize the TextBox component using its built-in features: CSS Class for styling, Enabled (controls whether the input is enabled/disabled), Width, Value (getting and setting of value), Label (rendered text with additional information about the TextBox) and built-in validation within EditFrom. The TextBox component works in both WebAssembly (WASM) and Server-side Blazor apps.

    Example of Blazor TextBox Component with Floating Label.

     

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • TextBox Validation with Forms

    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, the Telerik TextBox for Blazor is the perfect match.

    Example of user input validation with Blazor TextBox component.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • TextBox Events for Handling User Input

    The 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 with the TextBox component – from capturing user keystrokes to confirmation of the changed TextBox values.

    Example of Blazor TextBox two-way binding.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • TextBox Theming

    The Telerik Blazor TextBox 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 with a few lines of CSS, or create new theme to match your colors and branding by using the the Telerik Saas ThemeBuilder application.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText

Next Steps

Launch demos See Blazor in action and check out how much it can do out-of-the-box.
Download preview Try Blazor with dedicated technical support.