@empathyco/x-components/docs/API-reference/api/x-components.animatetranslate.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; [animateTranslate](./x-components.animatetranslate.md)

## animateTranslate() function

Returns a transition component to wrap an element passed in the default slot and animating its translate using transform and with the transform origin passed as parameter.

**Signature:**

```typescript
animateTranslate: (animationOrigin?: import("../create-directional-animation-factory").AnimationOrigin) => import("vue").DefineComponent
```

## Parameters

|  Parameter | Type | Description |
|  --- | --- | --- |
|  animationOrigin | import("../create-directional-animation-factory").AnimationOrigin | _(Optional)_ The origin of the transform animation. This means where the animation starts and ends. For example 'left' makes the element animate from the left and back; 'left-to-right' makes it animate from left to right. If not provided the default value is 'top'. |

**Returns:**

import("vue").DefineComponent

A Transition Component.