# Non-ClassValue Class Prop > A boundary example where a component prop named class is data, not a CSS ClassValue. **Source:** [https://scoped.svelte.page/examples/non-class-value-class-prop](https://scoped.svelte.page/examples/non-class-value-class-prop) **Markdown mirror:** [https://scoped.svelte.page/examples/non-class-value-class-prop.md](https://scoped.svelte.page/examples/non-class-value-class-prop.md) --- This mirror preserves the prose, implementation notes, and runnable Svelte source behind the live example page. ## FIG-001: 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. **Metadata:** tag: `BOUNDARY` | syntax: `class` | value: `object data` | status: `preserved` ### Source #### NonClassValueClassProp.svelte Source file: [src/lib/examples/scoped-props/demos/NonClassValueClassProp.svelte](https://github.com/humanspeak/svelte-scoped-props/blob/main/docs/src/lib/examples/scoped-props/demos/NonClassValueClassProp.svelte) ```svelte
Native element
This scoped element creates the parent hash.
Non-ClassValue prop
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
``` #### NonClassValueClassCard.svelte Source file: [src/lib/examples/scoped-props/demos/components/NonClassValueClassCard.svelte](https://github.com/humanspeak/svelte-scoped-props/blob/main/docs/src/lib/examples/scoped-props/demos/components/NonClassValueClassCard.svelte) ```svelte
Non-ClassValue prop receives typeof class = {payloadType} {payloadText}.
```