---
url: /api/packages/core/src/functions/varName.md
---
[pantoken-root](../../../../index.md) / [packages/core/src](../index.md) / varName

# Function: varName()

> **varName**(`prefix`, `path`): `string`

Beta

Build a `--instui-[prefix-]<kebab path>` custom-property name.

## Parameters

### prefix

`string`

### path

`string`\[]

## Returns

`string`

## Example

```ts
import { varName } from "@pantoken/core";

varName("primitive", ["color", "white"]);       // → "--instui-primitive-color-white"
varName("", ["spacing", "spaceMd"]);             // → "--instui-spacing-space-md"
varName("component", ["baseButton", "primaryBackground"]);
// → "--instui-component-base-button-primary-background"
```