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

# Function: TokenProvider()

> **TokenProvider**(`__namedParameters`): `ReactNode`

Experimental

Register the pantoken custom elements (client-side) and render children.

## Parameters

### \_\_namedParameters

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

## Returns

`ReactNode`

## Example

```tsx
import { TokenProvider, Icon } from "@pantoken/react";
import "@pantoken/css";

function App() {
  return (
    <TokenProvider>
      <Icon name="check-mark" size="1.25rem" /> Saved
    </TokenProvider>
  );
}
```