Tabs
This documentation provides a comprehensive reference for the Tabs component, guiding you through its configuration options.
Screenshot #
Tabs Parameters #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| AdditionalAttributes | Dictionary<string, object> | null | Gets or sets additional attributes that will be applied to the component. | 1.0.0 | |
| Alignment | TabsAlignment | None | Gets or sets the Tabs alignment. |
1.0.0 | |
| ChildContent | RenderFragment | null | Gets or sets the child content. | 1.0.0 | |
| Class | string? | null | Gets or sets the CSS class name(s) to apply to the component. | 1.0.0 | |
| Id | string? | null | Gets or sets the ID. If not set, a unique ID will be generated. | 1.0.0 | |
| IsFullWidth | bool | False | Gets or sets the Tabs width. If true, tabs will take up the whole width available. |
1.0.0 | |
| Size | TabsSize | None | Gets or sets the Tabs size. |
1.0.0 | |
| Style | string? | null | Gets or sets the CSS style string that defines the inline styles for the component. | 1.0.0 | |
| TabsContainerCssClass | string | null | Gets or sets the tabs container CSS class. | 1.0.0 | |
| Type | TabsType | None | Gets or sets the Tabs type. |
1.0.0 |
Tabs Methods #
| Name | Return type | Description | Added Version |
|---|---|---|---|
| GetActiveTab() | Tab | Gets the active tab. | 1.0.0 |
| RemoveTabByIndex(int tabIndex) | Void | Removes the tab by index. | 1.0.0 |
| RemoveTabByName(string tabName) | Void | Removes the tab by name. | 1.0.0 |
| ShowFirstTab() | Void | Selects the first tab and show its associated pane. | 1.0.0 |
| ShowLastTab() | Void | Selects the last tab and show its associated pane. | 1.0.0 |
| ShowTabByIndex(int tabIndex) | Void | Selects the tab by index and show its associated pane. | 1.0.0 |
| ShowTabByName(string tabName) | Void | Selects the tab by name and show its associated pane. | 1.0.0 |
Tabs Events #
| Name | Return Type | Description | Added Version |
|---|---|---|---|
| OnHidden | EventCallback<TabEventArgs> | This event fires after a new tab is shown (and thus the previous active tab is hidden). | 1.0.0 |
| OnShown | EventCallback<TabEventArgs> | This event fires on tab show after a tab has been shown. | 1.0.0 |
| OnTabChanged | EventCallback<TabsEventArgs> | This event fires when the user clicks the corresponding tab and the tab is displayed. | 1.0.0 |
Tab Parameters #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| AdditionalAttributes | Dictionary<string, object> | null | Gets or sets additional attributes that will be applied to the component. | 1.0.0 | |
| ChildContent | RenderFragment | null | Gets or sets the child content. | 1.0.0 | |
| Class | string? | null | Gets or sets the CSS class name(s) to apply to the component. | 1.0.0 | |
| Id | string? | null | Gets or sets the ID. If not set, a unique ID will be generated. | 1.0.0 | |
| IsActive | bool | False | Gets or sets the active state. | 1.0.0 | |
| IsDisabled | bool | False | Gets or sets the disabled state. | 1.0.0 | |
| Name | string | null | Gets or sets the tab name. | 1.0.0 | |
| Style | string? | null | Gets or sets the CSS style string that defines the inline styles for the component. | 1.0.0 | |
| Title | string | null | Gets or sets the tab title. | 1.0.0 | |
| TitleTemplate | RenderFragment | null | Gets or sets the tab title template. | 1.0.0 |