ExpansionPanelComponent
Represents the Kendo UI ExpansionPanel component for Angular.
@Component({
selector: 'my-app',
template: `
<kendo-expansionpanel title="Chile" subtitle="South America">
There are various theories about the origin of the word Chile.
</kendo-expansionpanel>
`
})
class AppComponent {}
Selector
kendo-expansionpanel
Export Name
Accessible in templates as #kendoExpansionPanelInstance="kendoExpansionPanel"
Inputs
Name | Type | Default | Description |
---|---|---|---|
animation? |
|
Specifies the animation settings of the ExpansionPanel (see example). The possible values are:
| |
collapseIcon |
|
Sets a custom icon via css class(es), for the expanded state of the component (see example). | |
disabled |
|
|
Specifies whether the ExpansionPanel is disabled. If disabled, the ExpansionPanel can be neither expanded nor collapsed (see example). |
expanded |
|
|
Specifies whether the ExpansionPanel is expanded. The property supports two-way binding. (see example). |
expandIcon |
|
Sets a custom icon via css class(es), for the collapsed state of the component (see example). | |
subtitle |
|
Specifies the secondary text in the header of the ExpansionPanel, which is rendered next to the collapse/expand icon (see example). | |
svgCollapseIcon |
|
Defines an SVGIcon for the collapsed state of the component. The input can take either an existing Kendo SVG icon or a custom one. | |
svgExpandIcon |
|
Defines an SVGIcon for the expanded state of the component. The input can take either an existing Kendo SVG icon or a custom one. | |
title |
|
Specifies the primary text in the header of the ExpansionPanel (see example). |
Events
Name | Type | Description |
---|---|---|
action |
|
Fires when the expanded state of the ExpansionPanel is about to change. This event is preventable (see example). |
collapse |
|
Fires when the ExpansionPanel is collapsed. If there is animation it will fire when the animation is complete (see example). |
expand |
|
Fires when the ExpansionPanel is expanded. If there is animation it will fire when the animation is complete (see example). |
expandedChange |
|
Fires when the |
Methods
toggle | ||||||
---|---|---|---|---|---|---|
Toggles the visibility of the ExpansionPanel (see example). | ||||||
|