Skip to content

pantoken / packages/core/src / referenceToVarName

函式: referenceToVarName()

referenceToVarName(reference): string

Beta(測試)

將 Tokens Studio 參照主體(位於 {…} 內的文字)對應到該參照所指向的 token 的 CSS 自訂屬性名稱。 前置的 semantic. 用以將語義層與原始類型區分開來。

參數

reference

string

回傳

string

範例

ts
import { referenceToVarName } from "@pantoken/core";

referenceToVarName("color.white");                  // → "--instui-primitive-color-white"
referenceToVarName("semantic.color.background.base"); // → "--instui-color-background-base"