[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [StaggeredFadeAndSlide](./x-components.staggeredfadeandslide.md) ## StaggeredFadeAndSlide variable Renders a transition group wrapping the elements passed in the default slot and animating them with a staggered fade and slide animation. **Signature:** ```typescript __default__: import("vue").DefineComponent, { name: import("vue").ComputedRef; onEnter: (el: Element, done: () => void) => void; onAfterEnter: (el: Element) => void; transitionDurationInMs: string; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly> & Readonly<{}>, { appear: boolean; tag: string; stagger: number; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ```