examples.
Live proof pages for @humanspeak/svelte-scoped-props. Each card opens one focused case with the rendered boxes, expected result, current result, and source.
follow the evidence.
Each card is a standalone example page built from the proof cases we have been using to reason about the package.
explicit-literal.
A literal parent-owned class reaches a child component only when the call site uses scoped:class.
plain-class-boundary.
Plain component class stays plain, making the current Svelte boundary visible instead of hiding it.
ssr-literal.
Server-rendered output already includes the parent hash for scoped:class before hydration.
dynamic-class-value.
Arrays, object maps, and derived state update while keeping the parent scope hash attached.
non-class-value-class-prop.
A prop named class can still be user data, so ordinary class props are left untouched.
class-value-alias.
Target a class-like prop such as internalClass without making plain component class magical.
spread-forwarding.
Scope before spread, then forward the transformed prop through a middle child to a third child.
explicit literal → literal · boundary · SSR · dynamic · alias · spread