logo svelte /scoped props v0.1.0
FIG-001/ SSR

server literal.

The no-blink proof: the server-rendered child root already contains the parent hash for scoped:class, so the visual state is correct before client hydration runs.

↩ all examples
syntax · scoped:classphase · SSRstatus · passing mode · live running source
Server-rendered output
SSR native element
Child receives class="parent-owned svelte-1ivwnqs".
Child receives class="dimmed".
Call-site intent
<div class="demo-card parent-owned"> Native markup establishes the parent-owned style the children are compared against.
<ChildCard scoped:class="parent-owned" /> The child root should match that parent-owned style before hydration.
<ChildCard class="dimmed" /> The plain class prop should stay child-owned with no parent style.
Loading server-rendered HTML...
category · ssr
sheet · sheet 01 / 01
⟳ to re-run