One data grid for JavaScript, React, Vue & Angular. Sorting, filtering, virtualization, pinning, and CSV export included. Early access $199 $349 → [Get it now]

How to use transition-group in Vue

Animating lists when items are added, removed, or reordered creates a much better user experience than instant changes, especially in task lists or data tables. As the creator of CoreUI, I’ve built numerous animated list interfaces for enterprise applications. Vue 3 provides the TransitionGroup component specifically for animating multiple elements or lists with v-for loops. Unlike the Transition component which handles single elements, TransitionGroup manages transitions for each item independently.

Read More…
Subscribe to our newsletter
Get early information about new products, product updates and blog posts.