Skip to content

pantoken-root / renderers/react/src / useToken

Função: useToken() ​

useToken(name, fallback?): string

Experimental

Hook React que retorna o valor resolvido do token --instui-* (lê novamente quando name mudar).

Parâmetros ​

name ​

string

fallback? ​

string = ""

Retorna ​

string

Exemplo ​

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

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