Live
<slot-demo>bar</slot-demo>
Live
xxxxxxxxxx9
customElements.define('slot-demo', class extends HTMLElement { constructor () { super() this.attachShadow({ mode: 'open' }) this.shadowRoot.innerHTML = ` My name is <slot>foo</slot> ` }})
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.