Class: Tabs

Tabs

A Tab container implementation - UX/COE Compliant



DEMO

Constructor

new Tabs()

Source:

Members

(static) observedAttributes

Set observable values here. When Changed, attributeChangedCallback is invoked
Source:

Methods

(static) test()

FOR TESTING PURPOSES
Source:

_fetchAttributes(author, version, widthopt, heightopt, activeopt)

Component attributes are fetched and defaults are set if not provided
Parameters:
Name Type Attributes Default Description
author string component owner
version string Latest version of this component
width string <optional>
100% panel width
height string <optional>
100% body height
active integer <optional>
0 index of active tab
Source:

_fetchElements()

Stores DOM elements of interest for future use
Source:

_finalize()

SAVE DATA FOR ANALYTICS
Source:

_init()

BUILDS OUT TABS
Source:

_onclick(which)

A sample callback usage function - see connectedCallback()
Parameters:
Name Type Description
which integer index of tab that was clicked
Source:

attributeChangedCallback()

Called with .setAttribute(...) function call
Source:

connectedCallback()

This function is called when this is attached to DOM
Source:

destroy()

Destroy the instance object and artifacts
Source:

disconnectedCallback()

Invoked When component is removed. Usually with a .remove() function call
Source:

disconnectedCallback()

Invoked When component is removed. Usually with a .remove() function call
Source: