JSFiddle - React, Tailwind, and code Playground

by David Storey

HTML

<button class="red">My Button</button>

JavaScript

var button = document.querySelector('button');
var root = button.createShadowRoot();
root.innerHTML = '<style>' + 
    ':host { text-transform: uppercase; }' +
    '</style>' + 
    '<content></content>';