Child component of Tabs

API reference

Properties

PropertyAttributeDescriptionTypeDefault
selectedselected

When true, the component is selected.

Only one tab can be selected within the calcite-tabs parent.

booleanfalse
tabtab

Specifies a unique name for the component.

When specified, use the same value on the calcite-tab-title.

string

Slots

NameDescription
default (unnamed)

A slot for adding custom content.

Styles

NameDescription
--calcite-tab-content-space-y

Specifies the vertical space between the component's content in the default slot.

--calcite-tab-content-block-padding
deprecated in v3.2.0, removal target v6.0.0 - Use --calcite-tab-content-space-y instead. Specifies the block padding of the component's content in the default slot.

Methods

NameDescriptionSignature
componentOnReady

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

componentOnReady(): Promise<this>
getTabIndex

Returns the index of the component item within the tab array.

getTabIndex(): Promise<number>

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