Blazor UI: SubmitButton Component

The MudBlazor variant of ABP UI does not ship a dedicated SubmitButton wrapper. Use the standard MudButton together with the typical Processing/Disabled pattern to disable the button and show a progress indicator while the click handler is running.

Quick Example

<MudButton OnClick="@SaveAsync"
           Variant="Variant.Filled"
           Color="Color.Primary"
           Disabled="@_processing">
    @if (_processing)
    {
        <MudProgressCircular Size="Size.Small" Indeterminate="true" Class="me-2" />
    }
    @L["Save"]
</MudButton>

@code {
    private bool _processing;

    private async Task SaveAsync()
    {
        _processing = true;
        try
        {
            // ... your save operation
        }
        finally
        {
            _processing = false;
        }
    }
}

Submit on Enter

When the button is placed inside a <MudForm> or a <MudDialog>, pressing ENTER inside an input control submits the form. To run validation before saving, call _form.Validate() first. See the Forms & Validation page for details.

Use Inside AbpMudCrudPageBase

The MudBlazor CRUD page base (AbpMudCrudPageBase) already wires up the standard create/update buttons inside its dialogs and shows a progress indicator while the application service call is running. In most cases you don't need to author a save button by hand; override OnCreatingEntityAsync / OnUpdatingEntityAsync instead.

Check the MudBlazor button documentation for all available options.