HxTabPanel

Container for HxTabs for easier implementation of tabbed UI. Encapsulates HxNav (NavVariant.Tabs variant) and HxNavLinks so you don't have to bother with them explicitly.

Tabs with IsInitiallyActive

This is the first tab.
This is the second tab. This tab is initially active.

Tabs with IsCurrentlyActive

This is the first tab.
This is the second tab.
activeTabId:

API

Parameters

Name Type Description
ActiveTabId string ID of the active tab (@bindable).
InitialActiveTabId string ID of the tab which should be active at the very beginning.
ChildContent RenderFragment Tabs.
CssClass string Additional CSS class.

Event Callbacks

Name Type Description
ActiveTabIdChanged EventCallback<string> Raised when ID of the active tab changes.

HxTab

Single tab in HxTabPanel.

API

Parameters

Name Type Description
Id string ID of the tab (HxTabPanel.ActiveTabId). Autogenerated GUID if not set.
Title string Tab title.
TitleTemplate RenderFragment Tab title template.
Content RenderFragment Content of the tab.
Visible bool True for visible tab. Set false when tab should not be visible.
Enabled bool? When null (default), the Enabled value is received from cascading FormState. When value is false, input is rendered as disabled. To set multiple controls as disabled use HxFormState.

Event Callbacks

Name Type Description
OnTabActivated EventCallback Rised when the tab is activated.
OnTabDeactivated EventCallback Rised when the tab is deactivated (another tab is activates or when HxTabPanel is disposed).
An unhandled error has occurred. Reload 🗙