Transitions

An overview of transitions in the App UI Kit.

The App UI Kit exposes design tokens for transitions. These transitions add subtle animations to interface elements, such as fading between button states, and can be used to introduce consistent transitions in custom components.

CSS variableJavaScript variableExample
--ui-kit-hover-transitionhoverTransition
Hover over me
--ui-kit-fade-transitionfadeTransition
Hover over me