Emitted after the expansion panel is closed.
Emitted before closing the expansion panel.
Emitted after the expansion panel is opened.
Emitted before opening the expansion panel.
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().
Hides the panel content.
Shows the panel content.
Toggles the panel open/close state.
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.
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.
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
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.