Class IgxExpansionPanelHeaderComponent

Constructors

Properties

cdr: ChangeDetectorRef
elementRef: ElementRef<any>
iconPosition: ExpansionPanelHeaderIconPosition = ExpansionPanelHeaderIconPosition.LEFT

Gets/sets the position of the expansion-panel-header expand/collapse icon Accepts left, right or none

 const currentIconPosition = this.panel.header.iconPosition;

Set

 this.panel.header.iconPosition = 'left';
 <igx-expansion-panel-header [iconPosition]="'right'"></igx-expansion-panel-header>
id: string = ''

Sets/gets the id of the expansion panel header.

let panelHeaderId =  this.panel.header.id;

IgxExpansionPanelComponent

interaction: EventEmitter<IExpansionPanelCancelableEventArgs> = ...

Emitted whenever a user interacts with the header host

 handleInteraction(event: IExpansionPanelCancelableEventArgs) {
...
}
 <igx-expansion-panel-header (interaction)="handleInteraction($event)">
...
</igx-expansion-panel-header>
lv: string = '3'

Gets/sets the aria-level attribute of the header Get

 const currentAriaLevel = this.panel.header.lv;

Set

 this.panel.header.lv = '5';
 <igx-expansion-panel-header [lv]="myCustomLevel"></igx-expansion-panel-header>
panel: IgxExpansionPanelBase
role: string = 'heading'

Gets/sets the role attribute of the header Get

 const currentRole = this.panel.header.role;

Set

 this.panel.header.role = '5';
 <igx-expansion-panel-header [role]="'custom'"></igx-expansion-panel-header>

Accessors