CodePen Embed - Custom elements demo

<my-component></my-component>


class MyComponent extends HTMLElement {
  connectedCallback() {
    this.innerHTML = `<h1>Hello world</h1>`;
  }
}

customElements.define('my-component', MyComponent);

This Pen is owned by Caleb Williams on CodePen.

See more by @calebdwilliams on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.