JSFiddle - React, Tailwind, and code Playground

by amindunited

HTML

<my-base></my-base>
<my-child></my-child>

JavaScript

class Base extends HTMLElement {
	constructor () {
  	super();
    console.log('base ', this);
  }
}

customElements.define('my-base', Base);

class Child extends Base {
	constructor () {
  	super();
    console.log('child ', this);
  }
  
  connectedCallback() {
  	console.log('connected ???')
  }
}

customElements.define('my-child', Child);