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

# react

## Compatibility

Target: React. Current format: `SSR-rendered Icon custom element and token fallback`. Minimum host version: `19.3.0`. Tested through `19.3.0`. Newer releases require review.

[Full compatibility matrix](../../../../compatibility)

Experimental

`@pantoken/react` — thin React helpers over `@pantoken/web-components` and the token CSS.

* `<Icon>` renders the `<instui-icon>` custom element (React 19 passes props to custom elements).
* `useToken` reads a resolved `--instui-*` value at runtime (SSR-safe: returns the fallback on
  the server).
* `<TokenProvider>` registers the elements and is where an app can inject the stylesheet.

## Interfaces

* [IconProps](interfaces/IconProps.md)
* [TokenProviderProps](interfaces/TokenProviderProps.md)

## Functions

* [readToken](functions/readToken.md)
* [useToken](functions/useToken.md)
* [Icon](functions/Icon.md)
* [TokenProvider](functions/TokenProvider.md)

## References

### register

Re-exports [register](../../angular/src/functions/register.md)

***

### registerLocalized

Re-exports [registerLocalized](../../svelte/src/functions/registerLocalized.md)