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 animation of the ActionSheet, use the toggle method to switch between states. Toggling the visibility of the component through the expanded property 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 ...

Suggested Links

• API Reference of the ActionSheet