A demonstration of how to use webcomponents.js to build a simple WebComponent. This is a copy of the example presented in this tutorial Custom Elements, with slight modifications so it works on bl.ocks.org.
According to the tutorial Custom Elements, the following lifecycle callbacks are supported:
createdCallback() is called when a custom element is created.attachedCallback() is called when a custom element is inserted into a DOM subtree.detachedCallback() is called when a custom element is removed from a DOM subtree.attributeChangedCallback(attributeName) is called when a custom element’s attribute value has changedThis example only uses the createdCallback() method. These methods are documented in more detail in javascripture: CustomElementPrototype.
Built with blockbuilder.org