<light-dom-element> demo

Developer's documentation in Git repo | This page source

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

Check out a twin web component shadow-dom-element , a same html template rendering use with shadow DOM

While light-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.

Most comprehensive and tricky use of HTML templates reside in Chromium sources, here is a side by side visual presentation for light and shadow DOM .