Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.
The indicator position of the expansion panel.
Indicates whether the contents of the control should be visible.
Static
Readonly
tagReturns the HTML-uppercased qualified name.
Hides the panel content.
Shows the panel content.
Toggles the panel open/close state.
Invoked when the component is added to the document's DOM.
In connectedCallback()
you should setup tasks that should only occur when
the element is connected to the document. The most common of these is
adding event listeners to nodes external to the element, like a keydown
event handler added to the window.
connectedCallback() {
super.connectedCallback();
addEventListener('keydown', this._handleKeydown);
}
Typically, anything done in connectedCallback()
should be undone when the
element is disconnected, in disconnectedCallback()
.
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
Slot
Slot
title - renders the title of the panel's header
Slot
subtitle - renders the subtitle of the panel's header
Slot
indicator - renders the expand/collapsed indicator
Slot
indicator-expanded - renders the expanded state of the indicator
Fires
igcOpening - Emitted before opening the expansion panel.
Fires
igcOpened - Emitted after the expansion panel is opened.
Fires
igcClosing - Emitted before closing the expansion panel.
Fires
igcClosed - Emitted after the expansion panel is closed.
Csspart
header - The container of the expansion indicator, title and subtitle.
Csspart
title - The title container.
Csspart
subtitle - The subtitle container.
Csspart
indicator - The indicator container.
Csspart
content - The expansion panel's content wrapper.