Busy Button

Users repeatedly clicking a button can result in multiple submissions, which is not a good thing. The best practice is to disable the button and display a busy indicator until the task has completed. The ButtonBusyBCA component provides these features to lighten your load.

Button filling the full width of a row

<ButtonBusyBCA 
    Label="SUBMIT" 
    OnClick="@((e) => SaveAsync(e, MyCar))" 
    ClassDiv="row mt-3 ms-0 me-0" />

A button with a fixed width

<div class="row">
    <ButtonBusyBCA Label="SAVE"
                   OnClick="@((e) => HandleSave(e, MyCar))"
                   ClassDiv="col-2 mt-3"
                   WidthButton="175px" />
</div>