Declarative Shadow DOM

A declarative API to allow the creation of #shadowroot's using only HTML and no Javascript. Sign up for an Origin Trial (M85-M88) here: https://developers.chrome.com/origintrials/#/register_trial/2024368032503037953 Blog post: https://web.dev/declarative-shadow-dom/

Motivation

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

Origin trial (tracking bug)

Consensus & Standardization

• Firefox: N/A
• Edge: No signal
• Safari: N/A
• Web Developers: Positive

Owner

• masonfreed@chromium.org

Intent to Prototype url

Search tags

Last updated on 2020-10-02