ModelErrorMessage

The ModelErrorMessage component displays model state errors for a specific key, matching the ASP.NET Web Forms <asp:ModelErrorMessage> control.

Basic Usage with CssClass and SetFocusOnError





Code:

<EditForm EditContext="@_editContext" OnValidSubmit="@HandleValidSubmit">
  <InputText id="password" @bind-Value="_model.Password" />
  <ModelErrorMessage ModelStateKey="Password"
    AssociatedControlID="password"
    CssClass="text-danger"
    SetFocusOnError="true" />
</EditForm>