Skip to content

Commit d1f5b6d

Browse files
authored
Update events.md
1 parent c6fbcf6 commit d1f5b6d

File tree

1 file changed

+9
-6
lines changed

1 file changed

+9
-6
lines changed

components/tabstrip/events.md

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -17,30 +17,33 @@ This article explains the events available in the Telerik TabStrip for Blazor:
1717

1818
## ActiveTabIdChanged
1919

20-
The `ActiveTabIdChanged` event fires when the user changes the active tab. The event handler receives the new tab ID of type `string` as an argument. This event is designed to work with the new [`ActiveTabId` parameter](slug:tabstrip-tabs-collection).
20+
The `ActiveTabIdChanged` event fires when the user changes the active tab. The event handler receives the new tab ID of type `string` as an argument. If the `Id` parameter of the `TabStripTab` is not set, the component will generate one automatically.
21+
22+
The `ActiveTabIdChanged` event is designed to work with the new [`ActiveTabId` parameter](slug:tabstrip-tabs-collection).
2123

2224
>caption Handle the tab ID selection changed event
2325
2426
````RAZOR
2527
<TelerikTabStrip ActiveTabIdChanged="@HandleTabIdChange">
26-
<TabStripTab Title="First">
28+
<TabStripTab Title="First" Id="tab1">
2729
First tab content. Click through the tabs.
2830
</TabStripTab>
29-
<TabStripTab Title="Second">
31+
<TabStripTab Title="Second" Id="tab2">
3032
Second tab content.
3133
</TabStripTab>
32-
<TabStripTab Title="Third">
34+
<TabStripTab Title="Third" Id="tab3">
3335
Third tab content.
3436
</TabStripTab>
3537
</TelerikTabStrip>
3638
3739
@Result
3840
3941
@code {
40-
private string Result { get; set; }
42+
private string Result { get; set; } = string.Empty;
43+
4144
private void HandleTabIdChange(string tabId)
4245
{
43-
Result = $"Current tab ID is {tabId}";
46+
Result = $"The current tab ID is {tabId}";
4447
}
4548
}
4649
````

0 commit comments

Comments
 (0)