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.
- Element
-
igc-expansion-panel
- 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: boolean = falseDefined in src/components/expansion-panel/expansion-panel.ts:100
indicatorPosition
Section titled "indicatorPosition"The indicator position of the expansion panel.
indicatorPosition: ExpansionPanelIndicatorPosition = 'start'Defined in src/components/expansion-panel/expansion-panel.ts:107
Indicates whether the contents of the control should be visible.
open: boolean = falseDefined in src/components/expansion-panel/expansion-panel.ts:93
tagName
Section titled "tagName"The tagName read-only property of the Element interface returns the tag name of the element on which it's called.
tagName: "igc-expansion-panel" = 'igc-expansion-panel'Defined in src/components/expansion-panel/expansion-panel.ts:63
Methods
Section titled "Methods"connectedCallback
Section titled "connectedCallback"connectedCallback(): voidDefined in src/components/expansion-panel/expansion-panel.ts:124
Returns void
Hides the panel content.
hide(): Promise<boolean>Defined in src/components/expansion-panel/expansion-panel.ts:167
Returns Promise<boolean>
Shows the panel content.
show(): Promise<boolean>Defined in src/components/expansion-panel/expansion-panel.ts:176
Returns Promise<boolean>
toggle
Section titled "toggle"Toggles the panel open/close state.
toggle(): Promise<boolean>Defined in src/components/expansion-panel/expansion-panel.ts:158