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