Primitives / Motion
foldkit-primitives/motion
Where an animation is, as a number in the Model: a tween over a fixed time, a spring that settles, a mount transition that lets content leave before it is removed. The view decides what the number does to CSS; easing curves stay the application's job. (source)
| Name | Form | Model | Messages | Args |
|---|---|---|---|---|
Tween | bundle | { value, running } | Started, Stopped, Ticked, Finished | { from, to, ms } |
Spring | bundle | { value, velocity, running } | Started, Stopped, Ticked, Finished | { from, to, stiffness, damping } |
Presence | bundle | { phase, generation } | Show, Hide, Hidden | { durationMs } |
Motion | service | Motion.live, .reduced, .full |