Fade

Renders a transition wrapping the element passed in the default slot. The animation just fades in/out the element by changing its opacity.

Props

Name	Description	Type	Default
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) to add content to the transition	None

Examples

The Fade component is intended to be used as animation to wrap an element with v-if or v-show and animate it. The animation just fades in/out the element by changing its opacity.

Basic example using v-if

Usage with v-show

Example with dynamic content