Skip to content

pantoken-root / renderers/react/src / useToken

Função: useToken() ​

useToken(name, fallback?): string

Experimental

Hook do React que retorna um valor de token --instui-* resolvido (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>;
}