Child component of Tabs

API reference

Properties

PropertyAttributeDescriptionTypeDefault
messageOverrides

Overrides individual strings used by the component.

Record<string, unknown> | undefined
positionposition

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

TabPosition"bottom"
selectedTitleread-only

Specifies the component's selected calcite-tab-title.

TabTitle
storageIdstorage-id

Specifies the name when saving selected calcite-tab data to localStorage.

string
syncIdsync-id

Specifies text to update multiple components to keep in sync if one changes.

string

Slots

NameDescription
default (unnamed)

A slot for adding calcite-tab-titles.

Styles

NameDescription
--calcite-tab-background-color

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

NameDescriptionBehavior
calciteTabChange

Emits when the selected calcite-tab changes.

bubblescomposed

Methods

NameDescriptionSignature
componentOnReady

Creates a promise that resolves once the component is fully loaded.

componentOnReady(): Promise<this>

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.