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

Documentation

Status in Chromium

Blink>DOM>ShadowDOM


Origin trial (tracking bug)

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

  • N/A
  • No signal
  • N/A
  • Positive

Owner

Intent to Prototype url

Intent to Prototype thread

Search tags

Shadow DOM, Declarative,

Last updated on 2020-10-02