Naos DSD demo

Declarative Shadow DOM before JavaScript upgrade.

This page is generated from the same .wc.tsx sources as the client demo. The browser parses the shadow roots, scoped styles, slots, and supported initial values before the custom elements are defined.

DSD use case 01

Prerendered counter

Counter proves static initial values, hydration markers, scoped styles, and click hydration after delayed JavaScript upgrade.

Last counter event: none

DSD use case 02

Prerendered primitive toggle

Toggle proves primitive contracts, slots, Shadow DOM styles, control-flow containers, and post-upgrade event wiring.

manual slot content Last toggle event: none