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

ClassValue alias.

The child still owns its prop contract. The parent says which prop carries scoped classes by using scoped:internalClass, so the compiler does not have to know the child type graph.

↩ all examples
syntax · scoped:internalClassvalue · ClassValuestatus · passing mode · live running source
Native element
This div receives the same ClassValue.
Internal class prop
Internal node receives internalClass="parent-owned dimmed svelte-1fi6wwr".
Source Current result
Native element internalClass = ['parent-owned', { dimmed: true }] <div class={['demo-card', internalClass]}>
Native element demo-card parent-owned dimmed svelte-parent pink and faded
Alias prop contract <InternalClassCard scoped:internalClass={internalClass} /> <div class={['internal-card', internalClass]}>
ClassValue prop internal-card parent-owned dimmed svelte-parent svelte-child has parent hash
category · alias
sheet · sheet 01 / 01
⟳ to re-run