JSFiddle - React, Tailwind, and code Playground

by Aggre _--

HTML

<my-app></my-app>

JavaScript

class MyApp extends HTMLElement {
	constructor(){
		super()
		this.attachShadow({mode: 'open'})
		this.shadowRoot.innerHTML = `
			<style>
				h1 {
					margin: 0;
					color: blue;
				}
			</style>
			<main>
				<h1>Hello world!</h1>
			</main>
		`
	}
}
window.customElements.define('my-app', MyApp)