Skip to content

pantoken-root / transition

transition ​

Bêta

@pantoken/plugin-transition — y tocynnau --instui-transition-duration/--instui-transition-timing tu ôl i'r cyfleustod Transition o InstUI.

Mae'r CSS ei hun (y rheol sylfaenol .instui-transition ynghyd â dosbarthiadau statws fade/scale/slide-*) bellach yn cael ei leoli yn y cyfleustod transition sy'n eiddo i @pantoken/components; mae'r ategyn hwn yn unig yn pobi'r ddau docyn hyd/amseru i IR tocyn ar gyfer defnyddwyr sy'n defnyddio'r biblin lefel is @pantoken/css + @pantoken/tokens yn uniongyrchol.

Enghraifft ​

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

Rhyngwynebau ​

Swyddogaethau ​

Cyfeiriadau ​

default ​

Ailenwir ac ail-allforir transition