New to Kendo UI for Angular? Start 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.
Example
View Source
Change Theme:
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.
Example
View Source
Change Theme:
