Как использовать <ValidationMessage> внутри компонента

Вы можете каскадировать EditContext в свой компонент и использовать его для уведомления об изменении текущего поля.

FormRowText.razor.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Linq.Expressions;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Forms;    

public partial class FormRowText
    {
        [CascadingParameter] EditContext CascadedEditContext { get; set; }

        [Parameter]
        public string PropertyName { get; set; }

        [Parameter]
        public string Value { get; set; }

        [Parameter]
        public EventCallback<string> ValueChanged { get; set; }

        [Parameter]
        public string Caption { get; set; }

        [Parameter]
        public string Icon { get; set; }

        [Parameter] public Expression<Func<string>> ValueExpression { get; set; }
        private async Task OnChanged(ChangeEventArgs cea)
        {
            await ValueChanged.InvokeAsync(cea.Value?.ToString() ?? "");
            var identifier = CascadedEditContext.Field(PropertyName);
            CascadedEditContext.NotifyFieldChanged(identifier);
        }
         
    }

FormRowText.razor

<div class = "form-group row">
    <label for = "@PropertyName" class = "col-lg-2 col-form-label">@(Caption ?? PropertyName)</label>
    <div class = "col-lg-10 input-group">
        <div class = "input-group-prepend">
            <span class = "input-group-text">
                <i class = "far fa-@Icon"></i>
            </span>
        </div>
        <input class = "form-control" value = "@Value" type = "text" id = "@PropertyName" name = "@PropertyName" 
               @onchange = "@OnChanged" />
        <ValidationMessage For = "@ValueExpression" />

    </div>
</div>

Вам также понадобится

public class Customer
    {
        [Required]
        public string Name { get; set; }
        public Country Country { get; set; } = Country.Israel;
        [Required]
        [DataType(DataType.EmailAddress)]
        [EmailAddress]
        public string Email { get; set; }
    } 

Применение

@page "/"


    @using System.ComponentModel.DataAnnotations;
    @using Microsoft.AspNetCore.Components.Forms;


    <EditForm  EditContext = "EditContext" OnValidSubmit = "HandleValidSubmit">
        <DataAnnotationsValidator />

        <div class = "form-group">
            <label for = "name">Name: </label>
             <InputText @bind-Value = "@customer.Name"></InputText>
            <ValidationMessage For = "@(() => customer.Name)" />

        </div>
        <div class = "form-group">
            <FormRowDropdownEnum @bind-Value = "customer.Country" Caption = "Country" T = "Country"></FormRowDropdownEnum>
            <ValidationMessage For = "@(() => customer.Country)" />
            <FormRowText @bind-Value = "customer.Email" Caption = "Email" 
                 PropertyName = "@nameof(Customer.Email)" Icon = "at"></FormRowText>


        </div>
        <p>
            <button type = "submit" class = "btn btn-primary">Save</button>

        </p>
    </EditForm>


  
    @code{
        private Customer customer = new Customer();
        private EditContext EditContext;

        protected override void OnInitialized()
        {
            EditContext = new EditContext(customer);

        }

        public async Task HandleValidSubmit()
        {
            await Task.Delay(1);

            Console.WriteLine("Saving...");
           
        }
   }

Другая версия

Поскольку вы используете компонент EditForm, было бы неплохо использовать компоненты Forms, такие как компонент InputText и тому подобное.

В следующем фрагменте кода описывается, как реализовать компонент FormRowText путем создания подклассов компонентов InputText и добавления новых свойств. Обратите внимание, что PropertyName не требуется для работы компонента.

FormRowText2.razor

@inherits InputText

<div class = "form-group row">
    <label for = "@PropertyName" class = "col-lg-2 col-form-label">@(Caption ?? PropertyName)</label>
    <div class = "col-lg-10 input-group">
        <div class = "input-group-prepend">
            <span class = "input-group-text">
                <i class = "far fa-@Icon"></i>
            </span>
        </div>
        <input class = "form-control" @bind = "CurrentValue" type = "text" id = "@PropertyName" name = "@PropertyName" />
        <ValidationMessage For = "@ValueExpression" />
     </div>
</div>

@code{
    [Parameter]
    public string Caption { get; set; }

    [Parameter]
    public string Icon { get; set; }

    [Parameter]
    public string PropertyName { get; set; }
    
}