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

non-ClassValue class prop.

The safety case: a prop named class can be business data. The package only treats explicit scoped:* attributes as scoped CSS intent.

↩ all examples
syntax · classvalue · object datastatus · preserved mode · live running source
Native element
This scoped element creates the parent hash.
Non-ClassValue prop
Non-ClassValue prop receives typeof class = object {"label":"not css","priority":2}.
Source Current result
Native element <div class="demo-card parent-owned">
Native element demo-card parent-owned svelte-parent baseline
Non-ClassValue class prop type Props = { class?: unknown } let metadata = { label: 'not css', priority: 2 } <NonClassValueClassCard class={metadata} />
class prop { label: 'not css', priority: 2 } preserved
category · boundary
sheet · sheet 01 / 01
⟳ to re-run