MOTION LAB / Stable API
movePresence
Learn more
AnimatePresence pattern for coordinating enter/leave animations. Wraps content and animates it in/out based on condition.
Tab 1
Fade Up
*movePresence coordinates enter/leave animations when condition changes.
Controls Make it yours
fade-up
300ms
100ms2000ms
Easingease
<button (click)="open.set(!open())">Toggle panel</button>
<ng-container *movePresence="open()">
<article moveLeave="fade-up" moveDuration="300ms" moveEasing="ease">Panel</article>
</ng-container>