Radzen Blazor Components

Blazor TextBox

The Blazor TextBox is a single-line text input with value binding, placeholder, max length, and read-only support.

Get and Set the value of TextBox link

Use @bind-Value to get the user input.

Console log

Placeholder link

Use the Placeholder property to display hint text when the TextBox is empty.

Maximum length link

Use the MaxLength property to limit the number of characters the user can enter.

Change on every input link

Set the Immediate property to raise the Change event on every keystroke.

Console log

Disabled TextBox link

Use the Disabled property to prevent user interaction.

AutoComplete link

Use the AutoComplete, autocomplete, or AutoCompleteType properties to control browser autocomplete behavior.

TextBox Sizes link

Use the InputSize property to set the TextBox size. Available sizes are ExtraSmall, Small, Medium (default), and Large.

Frequently asked questions

How do I two-way bind a Blazor TextBox?

Use @bind-Value to bind the input to a string property; the value updates as the user edits the field.

Radzen Blazor Newsletter

Get an email when new components and releases ship.

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Radzen Blazor Studio

Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under MIT

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Material 3 Expressive
  • Material 3 Expressive Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙