# ActionSheet Animation

The ActionSheet allows you to control its opening and closing animation.

To enable or disable the animation behavior, set the [`animation`](https://www.telerik.com/kendo-react-ui-develop/components/layout/api/actionsheetprops#animation) property.

By default, the animation duration is set to `300ms`. You can adjust the duration by setting the [`openDuration`](https://www.telerik.com/kendo-react-ui-develop/components/layout/api/actionsheetanimationduration) and [`closeDuration`](https://www.telerik.com/kendo-react-ui-develop/components/layout/api/actionsheetanimationduration) of the [`animationDuration`](https://www.telerik.com/kendo-react-ui-develop/components/layout/api/actionsheetprops#animationduration) property.

[Demo Source](https://demos.telerik.com/kendo-react-ui/layout/actionsheet/animation/func/source.txt)

## Suggested Links

* [API Reference of the ActionSheet](https://www.telerik.com/kendo-react-ui-develop/components/layout/api/actionsheet)