shadow.example Home Docs About

Expected: a dark full-bleed header with a bold brand on the left and three links on the right (the current one white and underlined); three coloured cards whose accent stripe comes from a document-set custom property; a three-column stat row; and inline pill badges. Everything on this page is built from declarative shadow roots — no script anywhere.

Cards

Everything nominal All shadow trees parsed and slotted correctly. updated just now Orange accent The stripe and title colour come from --card-accent set by the document, not by the component. theming via custom properties Red accent, no footer This card supplies no footer, so the fallback text “no footer supplied” is shown instead.

Stats

20
fixtures
0
lines of JS
1
flattened tree

Inline badges

Status: