Custom Element Recipes

<my-ce></my-ce>

<script>
  class MyCe extends HTMLElement {
    constructor() {
      super()
      this.textContent = 'Hello, World!'
    }
  }
  customElements.define('my-ce', MyCe)
</script>

Done 🎉

And now you can use your custom element with the tag <my-ce></my-ce>.

Previous Next