pantoken / transition

transition ​

Beta

@pantoken/plugin-transition — các token --instui-transition-duration/--instui-transition-timing đằng sau tiện ích Transition của InstUI.

Bản thân CSS (quy tắc cơ sở .instui-transition cộng với các lớp trạng thái fade/scale/slide-*) hiện nằm trong tiện ích transition của chính @pantoken/components; plugin này chỉ nhúng hai token thời lượng/khung thời gian vào một token IR cho những người tiêu dùng sử dụng trực tiếp pipeline cấp thấp @pantoken/css + @pantoken/tokens.

Ví dụ ​

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

Giao diện ​

Hàm ​

Tham chiếu ​

default ​

Đổi tên và xuất lại transition