JSFiddle - React, Tailwind, and code Playground

HTML

<div><h3>Light DOM</h3></div>

JavaScript

var root = document.querySelector('div').createShadowRoot();
root.innerHTML = '<style>h3{ color: red; }</style>' + 
                 '<h3>Shadow DOM</h3>';