Blazorise Tab API
Explore the Blazorise Tab API reference for parameters, events, methods, and related types.
For examples and usage guidance, see the Tab documentation.
API
Parameters
Tabs
| Parameter | Default | Type |
|---|---|---|
AriaLabel | — | string |
Specifies the accessible name of the tab list when no visible label is available. | ||
AriaLabelledBy | — | string |
Specifies the space-separated IDs of elements that label the tab list. | ||
ChildContent | null | RenderFragment |
Specifies the content to be rendered inside this Tabs. | ||
Content | null | RenderFragment |
Container for tab panes. | ||
FullWidth | false | bool |
Makes the tab items to extend the full available width. | ||
Items | null | RenderFragment |
Container for tab items. | ||
Justified | false | bool |
Makes the tab items to extend the full available width, but every item will be the same width. | ||
Pills | false | bool |
Makes the tab items to appear as pills. | ||
RenderMode | TabsRenderMode.Default | TabsRenderMode |
Specifies how the tabs content will be rendered. Possible values: DefaultLazyLoadLazyReload | ||
SelectedTab | — | string |
Specifies the currently selected tab name. | ||
TabPosition | TabPosition.Top | TabPosition |
Position of tab items. Possible values: TopBottomStartEnd | ||
VerticalItemsColumnSize | Auto | IFluentColumn |
Controls the size of the items bar when in vertical mode. When omitted, uses ColumnSize.IsAuto. | ||
Tab
| Parameter | Default | Type |
|---|---|---|
AriaLabelledBy | — | string |
Specifies the space-separated IDs of elements that label this tab. | ||
ChildContent | null | RenderFragment |
Specifies the content to be rendered inside this Tab. | ||
Disabled | false | bool |
Flag to indicate that the tab is not responsive for user interaction. | ||
Name | — | string |
Specifies the tab name. Must match the corresponding panel name. | ||
TabsContent
| Parameter | Default | Type |
|---|---|---|
ChildContent | null | RenderFragment |
Specifies the content to be rendered inside this TabsContent. | ||
RenderMode | TabsRenderMode.Default | TabsRenderMode |
Specifies how the tabs content will be rendered. Possible values: DefaultLazyLoadLazyReload | ||
SelectedPanel | — | string |
Specifies the currently selected panel name. | ||
TabPanel
| Parameter | Default | Type |
|---|---|---|
ChildContent | null | RenderFragment |
Specifies the content to be rendered inside this TabPanel. | ||
Focusable | true | bool |
Gets or sets whether the active panel is included in the keyboard Tab sequence. Defaults to true. Setting this to false does not affect focusable elements inside the panel. | ||
Name | — | string |
Specifies the panel name. Must match the corresponding tab name. | ||
Events
Tabs
| Event | Type |
|---|---|
SelectedTabChanged | EventCallback<string> |
Occurs after the selected tab has changed. | |
Tab
| Event | Type |
|---|---|
Clicked | EventCallback<MouseEventArgs> |
Notifies when the item is clicked. | |
TabsContent
| Event | Type |
|---|---|
SelectedPanelChanged | EventCallback<string> |
Occurs after the selected panel has changed. | |
Methods
Tabs
| Method | Return | Parameters |
|---|---|---|
SelectTab | Task | string tabName |
Sets the active tab by the name.
| ||
TabsContent
| Method | Return | Parameters |
|---|---|---|
SelectPanel | Task | string name |
Sets the active panel by the name.
| ||