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

plain class boundary.

Plain class on a component is still just a prop. This example keeps the failure visible so the package does not pretend Svelte can infer intent from a normal prop name.

↩ all examples
syntax · classvalue · string literalstatus · blocked mode · live running source
Native element
This div does not use the child-only class.
Child-only class
Child receives class="dimmed".
Source .dimmed { opacity: 0.35; } <ChildCard class="dimmed" />
Current result
  • Native element no dimmed class baseline
  • Child-only class child-card dimmed svelte-child missing parent hash
category · boundary
sheet · sheet 01 / 01
⟳ to re-run