logo svelte /scoped props v0.1.0
FIG-001/ SCOPED CLASS

explicit literal.

The smallest useful proof: a native element and a child component both use the same parent-owned class, but the child only gets the parent hash through scoped:class.

↩ all examples
syntax · scoped:classvalue · string literalstatus · passing mode · live running source
Native element
This div receives the scoped parent class.
Child component
Child receives class="parent-owned svelte-1fqq5yf".
Source <div class="demo-card parent-owned"> <ChildCard scoped:class="parent-owned" />
Current result
  • Native element demo-card parent-owned svelte-parent baseline
  • Child component child-card parent-owned svelte-parent svelte-child has parent hash
category · scoped class
sheet · sheet 01 / 01
⟳ to re-run