---
url: /api/renderers/shadcn/src/functions/toShadcnCss.md
---
[pantoken-root](../../../../index.md) / [renderers/shadcn/src](../index.md) / toShadcnCss

# Function: toShadcnCss()

> **toShadcnCss**(`options?`): `string`

Experimental

Emit the shadcn → Instructure CSS-variable bridge.

## Parameters

### options?

[`ToShadcnCssOptions`](../interfaces/ToShadcnCssOptions.md) = `{}`

[ToShadcnCssOptions](../interfaces/ToShadcnCssOptions.md).

## Returns

`string`

The bridging CSS string.

## Example

```ts
import { toShadcnCss } from "@pantoken/shadcn";

const css = toShadcnCss();
// ":root { --primary: var(--instui-color-background-brand); … }"
// Emit alongside @pantoken/css, which defines the --instui-* properties.
```