@empathyco/x-components/docs/API-reference/components/common/animations/x-components.no-animation.md

Empathy X Components

---

title: NoAnimation

---

# NoAnimation

Component to be used as `default` for animation props together with dynamic components
`<component :is="animation">` in the template.

## Examples

The `NoAnimation` component is intended to be used as the default for animation props together with dynamic components, for example:

### Basic usage with dynamic component

```vue
<template>
  <component :is="animation">
    <div>Content without animation</div>
  </component>
</template>

<script setup>
import NoAnimation from "@empathyco/x-components/js/components/animations/no-animation.vue";

const animation = NoAnimation;
</script>
```