pantoken / transition

transition ​

Beta

@pantoken/plugin-transition — ngā --instui-transition-duration/--instui-transition-timing ngā token kei muri i te taputapu Transition o InstUI.

Ko te CSS anō (te ture taketake .instui-transition me ngā karaehe ā-āhua fade/scale/slide-*) kei roto i te ake taputapu transition o @pantoken/components ināianei; ko tēnei pūtirotiro anake e tāpiri ana i ngā tohu roa/wā e rua ki roto i te IR tohu mō ngā kaiwhakamahi e whakamahi tika ana i te raina mahi @pantoken/css + @pantoken/tokens.

Tauira ​

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

Ngā Atanga ​

Ngā Mahi ​

Ngā Tohutoro ​

default ​

Ingoa-anō me te kawe-ake anō i te transition