API reference
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
| selected | selected | When true, the component's contents are selected.
Only one tab can be selected within the calcite-tabs parent. | boolean | false |
| tab | tab | Specifies a unique name for the component.
When specified, use the same value on the calcite-tab-title. | string |
Slots
| Name | Description |
|---|---|
| default (unnamed) | A slot for adding custom content. |
Styles
| Name | Description |
|---|---|
| --calcite-tab-content-space-y | Specifies the vertical space between the component's content in the default slot. |
| --calcite-tab-content-block-padding | --calcite-tab-content-space-y instead. Specifies the block padding of the component's content in the default slot. |
Methods
| Name | Description | Signature |
|---|---|---|
| componentOnReady | Create a promise that resolves once component is fully loaded. | componentOnReady(): Promise<void> |
| getTabIndex | Returns the index of the component item within the tab array. | getTabIndex(): Promise<number> |