New to Kendo UI for Angular? Start a free 30-day trial
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 property of the ActionSheet. It accepts both boolean and ActionSheetAnimation values. To disable the animation completely, set the animation property to false.
To trigger the
animationof the ActionSheet, use thetogglemethod to switch between states. Toggling the visibility of the component through theexpandedproperty will not play animations. For more information, refer to the Interaction Modes article.
The following example demonstrates configuring the duration of the ActionSheet animations in action.
Change Theme
Theme
Loading ...