Skip to content

pantoken-root / transition

transition ​

เบต้า

@pantoken/plugin-transition — โทเค็น --instui-transition-duration/--instui-transition-timing เบื้องหลังยูทิลิตี้ Transition ของ InstUI.

CSS เอง (กฎฐาน .instui-transition บวกกับคลาสสถานะ fade/scale/slide-*) อยู่ในยูทิลิตี้ transition ของ @pantoken/components เองตอนนี้; ปลั๊กอินนี้เพียงฝังโทเค็นสองตัวสำหรับระยะเวลา/จังหวะเข้าไปใน token IR สำหรับผู้บริโภคที่ใช้ pipeline ระดับล่าง @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