| <!-- | |
| @BLINK-ALLOW:htmlTag=* | |
| --> | |
| <!-- An empty slot is not exposed in accessibility --> | |
| <template id="template"> | |
| <div><slot name="my-slot"></slot></div> | |
| </template> | |
| <my-element></my-element> | |
| <script> | |
| customElements.define( | |
| 'my-element', | |
| class extends HTMLElement { | |
| constructor() { | |
| super(); | |
| let template = document.getElementById('template'); | |
| let templateContent = template.content; | |
| const shadowRoot = this.attachShadow({mode: 'open'}) | |
| .appendChild(templateContent.cloneNode(true)); | |
| } | |
| } | |
| ); | |
| </script> |