StaggeringTransitionGroup

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

Props

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

Examples

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 />
</staggering-transition-group>