# Animations

The Notification allows you to add opening and closing animations to it by using the Kendo UI for Vue Animation components from the [`@progress/kendo-vue-animation`](https://www.telerik.com/kendo-vue-ui-develop/components/animation) package.

To animate the Notification, wrap it in the desired Kendo UI for Vue Animation component.

The different [Animation Types](https://www.telerik.com/kendo-vue-ui-develop/components/animation/types) tou can use are:

* Fade
* Push
* Zoom
* Reveal
* Expand
* Slide

[Demo Source](https://demos.telerik.com/kendo-vue-ui/notification/animation/source.txt)

## Suggested Links

* [API Reference of the Notification](https://www.telerik.com/kendo-vue-ui-develop/components/notification/api/notification)
* [API Reference of the NotificationProps](https://www.telerik.com/kendo-vue-ui-develop/components/notification/api/notificationprops)