Text Field

Text field components are used for receiving user provided information.

Basic Text Field's

<MudTextField @bind-Value="TextValue" Label="Standard" Variant="Variant.Text"></MudTextField>
<MudTextField @bind-Value="TextValue" Label="Filled" Variant="Variant.Filled"></MudTextField>
<MudTextField @bind-Value="TextValue" Label="Outlined" Variant="Variant.Outlined"></MudTextField>
@code {
    public string TextValue { get; set; }
}
Form Props

Helper Text On Focus

With the HelperTextOnFocus property set to true, the helper text will only display on focus.

Some helping text

Some helping text

<MudTextField T="string" Label="OnFocus Helper" HelperText="Some helping text" HelperTextOnFocus="true" Variant="Variant.Text" />
<MudTextField T="string" Label="With Helper" HelperText="Some helping text" Variant="Variant.Text" />

Copyright © 2020-2024 MudBlazor.

Powered by .NET 8.0.8

An error has occurred. This application may no longer respond until reloaded. Reload 🗙