Skip to content

pantoken-root / renderers/react/src / useToken

函数: useToken() ​

useToken(name, fallback?): string

实验性

React 钩子,返回已解析的 --instui-* 令牌值(在 name 更改时重新读取)。

参数 ​

name ​

string

fallback? ​

string = ""

返回值 ​

string

示例 ​

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

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