A tab element slotted into an igc-tabs container.
Element
igc-tab
Slots
default — Renders the tab's content.
label — Renders the tab header's label.
prefix — Renders the tab header's prefix.
suffix — Renders the tab header's suffix.
CSS Parts
tab-header — The header of a single tab.
prefix — Tab header's label prefix.
content — Tab header's label slot container.
suffix — Tab header's label suffix.
tab-body — Holds the body content of a single tab, only the body of the selected tab is visible.

Properties

Section titled "Properties"

disabled

Section titled "disabled"

Determines whether the tab is disabled.

 
disabled: boolean = false

Defined in src/components/tabs/tab.ts:58

label

Section titled "label"

The tab item label.

 
label: string = ''

Defined in src/components/tabs/tab.ts:44

selected

Section titled "selected"

Determines whether the tab is selected.

 
selected: boolean = false

Defined in src/components/tabs/tab.ts:51

styles

Section titled "styles"

Array of styles to apply to the element. The styles should be defined using the css tag function, via constructible stylesheets, or imported from native CSS module scripts.

Note on Content Security Policy:

Element styles are implemented with <style> tags when the browser doesn't support adopted StyleSheets. To use such <style> tags with the style-src CSP directive, the style-src value must either include 'unsafe-inline' or nonce-<base64-value> with <base64-value> replaced be a server-generated nonce.

To provide a nonce to use on generated <style> elements, set window.litNonce to a server-generated nonce in your page's HTML, before loading application code:

``

 
styles: CSSResult[]

Defined in src/components/tabs/tab.ts:30

Methods

Section titled "Methods"

connectedCallback

Section titled "connectedCallback" 
connectedCallback(): void

Defined in src/components/tabs/tab.ts:66

Returns void