movePresenceFor

Learn more

AnimatePresence for keyed lists. Renders the list itself so a removed item stays mounted until its leave animation finishes — something @for cannot do, because it destroys the view immediately.

First item

Second item

Third item

Fade Up — removing an item plays its leave animation before the row is dropped.

Controls Make it yours

Presetfade-up

Duration300ms

100ms2000ms

Easingease

demo.htmlhtml

<ul>
  <li *movePresenceFor="let item of items(); trackBy: byId; mode: 'sync'"
    move="fade-up" moveDuration="300ms" moveEasing="ease">
    {{ item.label }}
  </li>
</ul>