Skip to content

pantoken / 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>;
}