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

# Function: useToken()

> **useToken**(`name`, `fallback?`): `string`

Experimental

React hook returning a resolved `--instui-*` token value (re-reads on `name` change).

## Parameters

### name

`string`

### fallback?

`string` = `""`

## Returns

`string`

## Example

```tsx
import { useToken } from "@pantoken/react";

function Banner() {
  const brand = useToken("--instui-color-background-brand", "#0374B5");
  return <div style={{ background: brand }}>Saved</div>;
}
```