DxTabs.TabClick Event

Fires when a user clicks a tab.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[Parameter]
public EventCallback<TabClickEventArgs> TabClick { get; set; }

Event Data

The TabClick event's data class is TabClickEventArgs. The following properties provide information specific to this event:

Property	Description
MouseEventArgs	The Blazor’s built-in MouseEventArgs event arguments.
TabIndex	Gets the clicked tab’s index.
TabInfo	Returns information about a tab related to the event.

Remarks

Use the TabClick event to specify a click handler for all tabs. You can also use the DxTabBase.Click event to specify individual click handlers for tabs.

razor

<DxTabs TabClick="OnTabClick">
    <DxTab Text="Home"></DxTab>
    <DxTab Text="Products"></DxTab>
    <DxTab Text="Support"></DxTab>
</DxTabs>

@ClickedTab

@code {
    public string ClickedTab { get; set; } = "";

    void OnTabClick(TabClickEventArgs e) {
        ClickedTab = $"Tab '{e.TabIndex}' has been clicked";
    }
}