@empathyco/x-components/docs/API-reference/api/x-components.animateclippath.md

Empathy X Components

<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [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<import("vue").ExtractPropTypes<{}>>, {}, {}>
```