Declarative Shadow DOM (<template shadowrootmode="open">)

[LeaVerou]

Define shadow trees with HTML.

Code sample

<host-element>
    <template shadowrootmode="open">
        <!-- Shadow content -->
    </template>
</host-element>

MDN URL:

No response

Specification URL:

https://github.com/mfreed7/declarative-shadow-dom

Any other links?

https://developer.chrome.com/en/articles/declarative-shadow-dom/
https://caniuse.com/declarative-shadow-dom
https://webkit.org/blog/13851/declarative-shadow-dom/
https://chromestatus.com/feature/5191745052606464

How stable is this feature?

Cutting edge (Some implementations but not in all browsers and/or behind flags)

Type of feature

HTML attribute

What focus area does this feature fall under?

Making Web Components

Details

A way to implement and use Shadow DOM directly in HTML.