pantoken / renderers/react/src / useToken

関数: useToken()

useToken(name, fallback?): string

実験的

解決された --instui-* トークン値を返す React フック（name の変更時に再取得されます）。

パラメーター

name

string

fallback?

string = ""

戻り値

string

例

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

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