[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [animateClipPath](./x-components.animateclippath.md) ## animateClipPath variable Returns a transition component to wrap an element passed in the default slot and animating its clip-path using inset and with the origin passed as parameter. **Signature:** ```typescript animateClipPath: (animationOrigin?: import("../create-directional-animation-factory").AnimationOrigin | undefined) => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly>, {}, {}> ```