FadeAndSlide

Renders a transition group wrapping the elements passed in the default slot and animating them with a fade and slide animation.

Props

Name	Description	Type	Default
tag	HTML Element that the transition-group children will be wrapped in.	string
appear	Indicates if the transition must be applied on the initial render of the node.	boolean	true

Slots

Name	Description	Bindings (name - type - description)
default	(Required) Transition-group content	None

Examples

The FadeAndSlide component is intended to be used as a prop in animatable components but also works as a wrapper of a transition group that can receive the tag it will render to as a prop.

Used as a prop in an animatable component:

<AnimatableComponent :animation="FadeAndSlide" />

Used as a regular component passing a the tag as prop:

<FadeAndSlide tag="ul">
  <li>Element to animate</li>
  <li>Element to animate</li>
  <li>Element to animate</li>
</FadeAndSlide>