TabList
Expression Extends:
class TabList extends BaseComponent(HTMLElement)
Mixin Extends:
A TabList component holds a collection of tabs.
Example:
<coral-tablist></coral-tablist>
new Coral.TabList();
Static Member Summary
Static Public Members | ||
public static |
Returns TabList orientation options. |
|
public static |
size: TabListSizeEnum: * Returns TabList sizes. |
Member Summary
Public Members | ||
public |
The Collection Interface that allows interacting with the items that the component contains. |
|
public |
Orientation of the TabList. |
|
public |
The selected item in the TabList. |
|
public |
The size of the TabList. |
|
public |
The target component that will be linked to the TabList. |
Static Public Members
Public Members
public items: SelectableCollection source
The Collection Interface that allows interacting with the items that the component contains.
read-only
public orientation: String source
Orientation of the TabList. See TabListOrientationEnum.
TabListOrientationEnum.HORIZONTAL
by default.reflected
public size: String source
The size of the TabList. It accepts both lower and upper case sizes. Currently only "M" (the default) and "L" are available. See TabListSizeEnum.
TabListSizeEnum.MEDIUM
by default.reflected
public target: HTMLElement | String source
The target component that will be linked to the TabList. It accepts either a CSS selector or a DOM element. If a CSS Selector is provided, the first matching element will be used. Items will be selected based on the index. If both target and Coral.Tab#target are set, the second will have higher priority.
null
by default.