[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [FadeAndSlide](./x-components.fadeandslide.md) ## FadeAndSlide variable Renders a transition group wrapping the elements passed in the default slot and animating them with a fade and slide animation. **Signature:** ```typescript _default: import("vue").DefineComponent, { name: import("vue").ComputedRef; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly> & Readonly<{}>, { appear: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ```