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>