Class: Dropdown

Dropdown

A Dropdown component - 90% UX/COE Compliant



DEMO

Constructor

Source:

Members

(static) observedAttributes

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

Methods

(static) test()

FOR TESTING PURPOSES
Source:

_fetchAttributes(widthopt)

Component attributes are _fetched and defaults are set if undefined
Parameters:
Name Type Attributes Default Description
width string <optional>
auto width of dropdown button
Source:

_fetchElements()

Stores DOM elements of interest for future use
Source:

_finalize()

SAVE DATA FOR ANALYTICS
Source:

_onClick(item)

A sample callback usage function - see connectedCallback()
Parameters:
Name Type Description
item object link that was clicked on
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: