Class IgcExpansionPanelComponent

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

  • renders the default content of the panel

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.

Hierarchy

Hierarchy

  • EventEmitterInterface<IgcExpansionPanelComponentEventMap, this> & LitElement<this>
    • IgcExpansionPanelComponent

Constructors

Properties

disabled: boolean = false

Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.

Attr

indicatorPosition: "none" | "end" | "start" = 'start'

The indicator position of the expansion panel.

Attr

indicator-position

open: boolean = false

Indicates whether the contents of the control should be visible.

Attr

styles: CSSResult[] = ...
tagName: "igc-expansion-panel" = 'igc-expansion-panel'

Methods

  • Type parameters

    Type Parameters

    Parameters

    • type: K
    • Optional eventInitDict: CustomEventInit<D>

    Returns boolean