JSFiddle - React, Tailwind, and code Playground

by dandclark_msft

HTML

before the shadow
<div>
  <style>
  span {
    color: lightblue;
  }
  </style>
  <template shadowrootmode="open">
    <style>
      span {
        background-color: green;
      }
    </style>
    <span>I'm in the shadow</span>
    <slot>
      
    </slot>
    <span>I'm in the shadow</span>
  </template>
  <span>I'm slotted in from the light DOM</span>
</div>
after the shadow