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

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

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

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

Index

Constructors

Properties

disabled: boolean = false

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

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

The indicator position of the expansion panel.

open: boolean = false

Indicates whether the contents of the control should be visible.

styles: CSSResult = styles
tagName: "igc-expansion-panel" = 'igc-expansion-panel'

Methods

  • connectedCallback(): void
  • emitEvent<K, D>(type: K, eventInitDict?: CustomEventInit<D>): boolean
  • hide(): void
  • show(): void
  • toggle(): void