X Foo Button

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 changed

This example only uses the createdCallback() method. These methods are documented in more detail in javascripture: CustomElementPrototype.

Built with blockbuilder.org