# Syntax > How to use scoped: props on Svelte component tags. **Source:** [https://scoped.svelte.page/docs/syntax](https://scoped.svelte.page/docs/syntax) --- Use `scoped:` on a component tag when the parent intentionally passes one of its scoped CSS classes through a child prop. ```svelte ``` The directive target is the prop name after `scoped:`. ```svelte ``` becomes: ```svelte ``` ## Component tags only Use `scoped:` on components, not native elements. ```svelte ``` Native elements already live in the current component, so normal `class` behavior is the right tool. ```svelte

``` ## Explicit values only The directive must include a value. ```svelte ``` ## No duplicate target prop Do not combine `scoped:class` and `class` on the same component. ```svelte ``` The transform rejects this because it would be unclear which value should win.