Reference Source
import {Tab} from '@adobe/coral-spectrum'
public class | source

Tab

Expression Extends:

class Tab extends BaseComponent(HTMLElement)

Mixin Extends:

HTMLElement, BaseComponent

A Tab component

See:

Example:

Markup
<coral-tab></coral-tab>
JS constructor
new Coral.Tab();

Member Summary

Public Members
public

Whether this Tab is disabled.

public

Specifies the name of the icon used inside the Tab.

public

Whether the current Tab is invalid.

public

The label of the tab.

public

Whether the tab is selected.

public

The target element that will be selected when this Tab is selected.

public

Public Members

public disabled: Boolean source

Whether this Tab is disabled. When set to true, this will prevent every user interacting with the Tab. If disabled is set to true for a selected Tab it will be deselected.

  • false by default.
  • reflected

public icon: String source

Specifies the name of the icon used inside the Tab. See Icon for valid icon names.

  • "" by default.

public invalid: Boolean source

Whether the current Tab is invalid.

  • false by default.
  • reflected

public label: TabLabel source

The label of the tab.

  • content-zone

public selected: Boolean source

Whether the tab is selected.

  • false by default.
  • reflected

public target: HTMLElement | String source

The target element that will be selected when this Tab is selected. It accepts a CSS selector or a DOM element. If a CSS Selector is provided, the first matching element will be used.

  • null by default.

public trackingElement: * source

Inherited from BaseComponent#trackingElement.