JSFiddle - React, Tailwind, and code Playground

by agrajm

HTML

<div id="welcomeMessage">
Welcome to Shadow DOM World
</div>

<template>
    <content></content>
</template>

JavaScript

var shadowRoot = document.querySelector("#welcomeMessage").webkitCreateShadowRoot();
var template = document.querySelector("template");
shadowRoot.appendChild(template.content);
template.remove();