# Spread Forwarding > A third-level child example where a middle component forwards an already-scoped prop through a spread. **Source:** [https://scoped.svelte.page/examples/spread-forwarding](https://scoped.svelte.page/examples/spread-forwarding) **Markdown mirror:** [https://scoped.svelte.page/examples/spread-forwarding.md](https://scoped.svelte.page/examples/spread-forwarding.md) --- This mirror preserves the prose, implementation notes, and runnable Svelte source behind the live example page. ## FIG-001: spread forwarding. The parent scopes the value at the boundary. After that, a middle component can spread the prop to a third child because the scoped class string is already just normal prop data. **Metadata:** tag: `SPREAD` | syntax: `scoped:class` | path: `parent → middle → child` | status: `passing` ### Source #### SpreadForwarding.svelte Source file: [src/lib/examples/scoped-props/demos/SpreadForwarding.svelte](https://github.com/humanspeak/svelte-scoped-props/blob/main/docs/src/lib/examples/scoped-props/demos/SpreadForwarding.svelte) ```svelte
Native element
This div receives the parent class directly.
Middle spread to third child
Source Current result
Native element <div class="demo-card parent-owned">
Native element demo-card parent-owned svelte-parent baseline
Forwarded scoped prop <MiddleSpreadCard scoped:class="parent-owned" /> <SpreadGrandchildCard {...forwardedProps} />
Third child grandchild-card parent-owned svelte-parent svelte-grandchild has parent hash
Parent spread boundary <MiddleSpreadCard {...propsWithClass} />
Still not magic propsWithClass.class = 'parent-owned' does not express scoped intent at the parent call site
``` #### MiddleSpreadCard.svelte Source file: [src/lib/examples/scoped-props/demos/components/spread/MiddleSpreadCard.svelte](https://github.com/humanspeak/svelte-scoped-props/blob/main/docs/src/lib/examples/scoped-props/demos/components/spread/MiddleSpreadCard.svelte) ```svelte
Middle child forwards props with spread
``` #### SpreadGrandchildCard.svelte Source file: [src/lib/examples/scoped-props/demos/components/spread/SpreadGrandchildCard.svelte](https://github.com/humanspeak/svelte-scoped-props/blob/main/docs/src/lib/examples/scoped-props/demos/components/spread/SpreadGrandchildCard.svelte) ```svelte
Third child receives class="{classText}".
```