API reference
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
| messageOverrides | Use this property to override individual strings used by the component. | {
nextTabTitles?: string;
previousTabTitles?: string;
} | ||
| position | position | Specifies the position of calcite-tab-nav and calcite-tab-title components in relation to, and is inherited from the parent calcite-tabs, defaults to top.
@internal | "bottom" | "top" | "bottom" |
| selectedTitle | Specifies the component's selected calcite-tab-title. | HTMLCalciteTabTitleElement | ||
| storageId | storage-id | Specifies the name when saving selected calcite-tab data to localStorage. | string | |
| syncId | sync-id | Specifies text to update multiple components to keep in sync if one changes. | string |
Slots
| Name | Description |
|---|---|
| default (unnamed) | A slot for adding calcite-tab-titles. |
Styles
| Name | Description |
|---|---|
| --calcite-tab-background-color | When calcite-tabs is bordered, specifies the component's background color. |
| --calcite-tab-border-color | When calcite-tabs is bordered, specifies the component's border color. |
| --calcite-tab-text-color | Specifies the component's iconStart, iconEnd`, and text color. |
Events
| Name | Description | Behavior |
|---|---|---|
| calciteTabChange | Emits when the selected calcite-tab changes. |
Methods
| Name | Description | Signature |
|---|---|---|
| componentOnReady | Create a promise that resolves once component is fully loaded. | componentOnReady(): Promise<void> |