New to Kendo UI for AngularStart a free 30-day trial

Interaction Modes

The ActionSheet enables you to set its initial expanded state and change it on demand by using the available API options.

Setting the Initial State

By default, the ActionSheet is collapsed. To expand it, set the expanded property to true. The property supports a two-way binding and can be programmatically updated to immediately expand or collapse the ActionSheet.

Change Theme
Theme
Loading ...

Toggling between States

You can switch between the expanded and collapsed states of the ActionSheet by making use of its toggle method. The difference between this approach and the one where the expanded state is set initially is that the toggle method will trigger the animation, which is specified in the configuration options of the ActionSheet.

Change Theme
Theme
Loading ...