# Animations

The ActionSheet provides options for setting the duration of its expand and collapse animations, and disabling them altogether.

To control the animation behavior, utilize the [`animation`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/actionsheetcomponent#animation) property of the ActionSheet. It accepts both `boolean` and [ActionSheetAnimation](https://www.telerik.com/kendo-angular-ui/components/navigation/api/actionsheetanimation) values. To disable the animation completely, set the `animation` property to `false`.

> To trigger the [`animation`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/actionsheetcomponent#animation) of the ActionSheet, use the [`toggle`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/actionsheetcomponent#toggle) method to switch between states. Toggling the visibility of the component through the [`expanded`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/actionsheetcomponent#expanded) property will not play animations. For more information, refer to the [Interaction Modes](https://www.telerik.com/kendo-angular-ui/components/navigation/actionsheet/interaction) article.

The following example demonstrates configuring the duration of the ActionSheet animations in action.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/navigation/actionsheet/animations/source.txt)

## Suggested Links

* [API Reference of the ActionSheet](https://www.telerik.com/kendo-angular-ui/components/navigation/api/actionsheetcomponent)