pantoken-root / renderers/react/src / 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

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

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