Transitions
Transitions can be defined for components that support animated switching such as Stepper or Task.
Transition object
Name | Description |
---|---|
transition | see list below |
curveIn | animation curve for entry, see list below for options |
curveOut | animation curve for entry, see list below for options |
durationIn | duration in miliseconds that the animation should last |
durationOut | duration in miliseconds; will default to in duration if not provided |
Transitions
- none
- flipX
- flipY
- scale
- swapRight
- swapLeft
- slide
- fade
Curves
- linear
- decelerate
- fastLinearToSlowEaseIn
- ease
- easeIn
- easeInToLinear
- easeInSine
- easeInQuad
- easeInCubic
- easeInQuart
- easeInQuint
- easeInExpo
- easeInCirc
- easeInBack
- linearToEaseOut
- easeOutSine
- easeOutQuad
- easeOutCubic
- easeOutQuart
- easeOutQuint
- easeOutExpo
- easeOutCirc
- easeOutBack
- easeInOut
- easeInOutSine
- easeInOutQuad
- easeInOutCubic
- easeInOutCubicEmphasized
- easeInOutQuart
- easeInOutQuint
- easeInOutExpo
- easeInOutCirc
- easeInOutBack
- fastOutSlowIn
- slowMiddle
- bounceIn
- bounceOut
- bounceInOut
- elasticIn
- elasticOut
- elasticInOut