Skip to content

pantoken / transition

transition

Beta(測試)

@pantoken/plugin-transition — InstUI 的 Transition 工具背後的 --instui-transition-duration/--instui-transition-timing 設計代幣。

CSS 本身(.instui-transition 基本規則加上 fade/scale/slide-* 狀態類別) 目前位於 @pantoken/components 自身的 transition 實用工具中;此外掛僅將這兩個 持續/時序 tokens 烘焙進 token IR,供直接使用較低層 @pantoken/css + @pantoken/tokens 管線的使用者消費。

範例

ts
import { buildTokens } from "@pantoken/core/build";
import { transition } from "@pantoken/plugin-transition";

const tokens = buildTokens({ theme: "rebrand", plugins: [transition()] });
// → includes --instui-transition-duration: 300ms, --instui-transition-timing: ease-in-out

介面

函式

參考

default

重新命名並重新匯出 transition