Search results

Native Events in Blazor ProgressButton component

22 Jul 2021 / 1 minute to read

You can define the native event using on event attribute in component. The value of attribute is treated as an event handler. The event specific data will be available in event arguments.

The different event argument types for each event are,

  • Focus Events - UIFocusEventArgs
  • Mouse Events - UIMouseEventArgs
  • Keyboard Events - UIKeyboardEventArgs
  • Touch Events – UITouchEventArgs

List of Native events supported

We have provided the following native event support to the Progress Button component:

List of Native events
onclick onblur onfocus onfocusout
onmousemove onmouseover onmouseout onmousedown
ondblclick onkeydown onkeyup onkeypress
ontouchend onfocusin onmouseup ontouchstart

How to bind click event to Progress Button

The onclick attribute is used to bind the click event for Progress Button. Here, we have explained about the sample code snippets of Progress Button.

Copied to clipboard
@using Syncfusion.Blazor.SplitButtons

<SfProgressButton IsPrimary="true" @onclick="onClick" Content="Spin Left"></SfProgressButton>

@code {

    private void onClick(Microsoft.AspNetCore.Components.Web.MouseEventArgs args)
        //onclick Event triggered