Declarative Shadow DOM

A declarative API to allow the creation of #shadowroot's using only HTML and no Javascript.

This API allows Web Components that use Shadow DOM to also make use of Server-Side Rendering (SSR), to get rendered content onscreen quickly without requiring Javascript for shadow root attachment.

Demo

• https://jsbin.com/huquloz

Documentation

• https://github.com/mfreed7/declarative-shadow-dom/blob/master/README.md
• https://github.com/whatwg/dom/pull/858
• https://github.com/whatwg/html/pull/5465

Status in Chromium

Blink components: Blink>DOM>ShadowDOM

In development (tracking bug)

Consensus & Standardization

• Firefox: No signal
• Edge: No signal
• Safari: No signal
• Web Developers: Positive

Owner

• masonfreed@chromium.org

Intent to Prototype url

Last updated on 2020-08-06