<shadow-dom-element> demo

demo-header.html alone is used as template

Developer's documentation in Git repo | This page source

template & slots • Declarative Custom Element • demo-header • Ananke static site demo

Check out light-dom-element same html template rendering use without shadow DOM for SSR and CMS

While shadow-dom-element can render JSON as in sample bellow, the thorough handling of loading-rendering lifecycle is done by slotted-element

More extended set of template with slots use is covered by CssChain slots demo. CssChain is a modern DOM manipulation library with support of Light and Shadow DOM.