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,
We have provided the following native event support to the Button component:
List of Native events | |||
---|---|---|---|
onclick | onblur | onfocus | onfocusout |
onmousemove | onmouseover | onmouseout | onmousedown |
ondblclick | onkeydown | onkeyup | onkeypress |
ontouchend | onfocusin | onmouseup | ontouchstart |
The onclick
attribute is used to bind the click event for button. Here, we have explained about the sample code snippets of toggle button.
@using Syncfusion.Blazor.Buttons
<SfButton @ref="ToggleBtn" @onclick="onToggleClick" CssClass="e-flat" IsToggle="true" IsPrimary="true" Content="@Content"></SfButton>
@code {
SfButton ToggleBtn;
public string Content = "Play";
private void onToggleClick(Microsoft.AspNetCore.Components.Web.MouseEventArgs args)
{
if (ToggleBtn.Content == "Play")
{
this.Content = "Pause";
}
else
{
this.Content = "Play";
}
}
}