DxButtonBase.Click Event

Executes when the button is clicked.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public EventCallback<MouseEventArgs> Click { get; set; }

Event Data

The Click event's data class is MouseEventArgs.

Remarks

Handle this event to respond to button click.

Synchronous

<p>Likes: @likes</p>
<DxButton Click="Like" Text="Like" />

@code {
    int likes;
    protected override void OnInitialized()
    {
        likes = 1;
    }
    void Like(MouseEventArgs args)
    {
        likes++;
    }
}

Asynchronous

<p>Likes: @likes</p>
<DxButton Click="LikeAsync" Text="Like" />

@code {
    int likes;
    protected override void OnInitialized()
    {
        likes = 1;
    }
    async Task LikeAsync(MouseEventArgs args)
    {
        await Task.Delay(1000); // Simulate a 1-second delay
        likes++;
    }
}

To use the button to submit a form, set the SubmitFormOnClick option to true.

Run Demo: Button — Custom Content