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

Interaction Modes

The ExpansionPanel 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 ExpansionPanel 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 ExpansionPanel.

Change Theme
Theme
Loading ...

Toggling between States

You can switch between the expanded and collapsed states of the ExpansionPanel 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 ExpansionPanel.

Change Theme
Theme
Loading ...