<1 min read



A replacement component for Vue's transition-group, that also adds the option to stagger the animations.


Name Description Type Default
name The name of the transition. Used to generate the CSS classes. string 'v'
moveClass The CSS move class name. string
tag The tag of the node to render to the DOM. string 'div'
staggering The time in ms to stagger each item. number 25


Basic example

Apart from all the props and events that the classic transition group has, the staggering transition group also exposes a new stagger property, which allows to configure the delay for each one of the nodes when animating.

<staggering-transition-group appear :stagger="50" name="staggered-fade-slide-">
  <!-- @slot (Required) Transition-group content -->
  <slot />