---
url: /api/renderers/pendo/src/variables/addScope.md
---
[pantoken-root](../../../../index.md) / [renderers/pendo/src](../index.md) / addScope

# Variable: addScope

> `const` **addScope**: {(`options?`): [`Plugin`](https://postcss.org/api/#plugin); `postcss`: `true`; }

Beta

Create the `@scope` wrapping plugin.

## Type Declaration

## Parameters

### options?

[`AddScopeOptions`](../interfaces/AddScopeOptions.md)

## Returns

[`Plugin`](https://postcss.org/api/#plugin)

### postcss

> **postcss**: `true`

Required PostCSS plugin marker.

## Example

```ts
import postcss from "postcss";
import { addScope } from "@pantoken/pendo";

const { css } = postcss([addScope({ selector: "._pendo-step-container" })])
  .process(".x{color:red}", { from: undefined });
// "@scope ([class*=\"instui\"]._pendo-step-container) { .x{color:red} }"
```