JSFiddle - React, Tailwind, and code Playground

by Michael Prosser

HTML

<div id="element"></div>

JavaScript

// WARNING: Pseudocode, not a real API.
var element = document.getElementById('element');
// Create a shadow subtree.
element.shadow = document.createElement('div');
element.shadow.innerHTML = '<h1>Think of the Children</h1><div class="children"></div>';
// Now add some children.
var test = element.appendChild(document.createElement('p'));
test.textContent = 'I see the light!';