The Expansion Panel Component provides a way to display information in a toggleable way - compact summary view containing title and description and expanded detail view containing additional content to the summary header.
- Slots
-
default— renders the default content of the panel -
title— renders the title of the panel's header -
subtitle— renders the subtitle of the panel's header -
indicator— renders the expand/collapsed indicator -
indicator-expanded— renders the expanded state of the indicator
- CSS Parts
-
header— The container of the expansion indicator, title and subtitle. -
title— The title container. -
subtitle— The subtitle container. -
indicator— The indicator container. -
content— The expansion panel's content wrapper.
Properties
Section titled "Properties"disabled
Section titled "disabled"Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.
disabled: booleanindicatorPosition
Section titled "indicatorPosition"The indicator position of the expansion panel.
indicatorPosition: ExpansionPanelIndicatorPositionIndicates whether the contents of the control should be visible.
open: booleanMethods
Section titled "Methods"Hides the panel content.
hide(): Promise<boolean>Returns Promise<boolean>
Shows the panel content.
show(): Promise<boolean>Returns Promise<boolean>
toggle
Section titled "toggle"Toggles the panel open/close state.
toggle(): Promise<boolean>Returns Promise<boolean>
Events
Section titled "Events"onClosed
Section titled "onClosed"Emitted after the expansion panel is closed.
onClosed(args: CustomEvent<IgrExpansionPanelComponent>): voidParameters
- args:
CustomEvent<IgrExpansionPanelComponent>
Returns void
onClosing
Section titled "onClosing"Emitted before closing the expansion panel.
onClosing(args: CustomEvent<IgrExpansionPanelComponent>): voidParameters
- args:
CustomEvent<IgrExpansionPanelComponent>
Returns void
onOpened
Section titled "onOpened"Emitted after the expansion panel is opened.
onOpened(args: CustomEvent<IgrExpansionPanelComponent>): voidParameters
- args:
CustomEvent<IgrExpansionPanelComponent>
Returns void
onOpening
Section titled "onOpening"Emitted before opening the expansion panel.
onOpening(args: CustomEvent<IgrExpansionPanelComponent>): voidParameters
- args:
CustomEvent<IgrExpansionPanelComponent>