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

 const currentIconPosition = this.panel.header.iconPosition;
Copy

Set

 this.panel.header.iconPosition = 'left';
Copy

 <igx-expansion-panel-header [iconPosition]="'right'"></igx-expansion-panel-header>
Copy

Sets/gets the id of the expansion panel header.

let panelHeaderId =  this.panel.header.id;
Copy

Emitted whenever a user interacts with the header host

 handleInteraction(event: IExpansionPanelCancelableEventArgs) {
 ...
}
Copy

 <igx-expansion-panel-header (interaction)="handleInteraction($event)">
     ...
 </igx-expansion-panel-header>
Copy

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

 const currentAriaLevel = this.panel.header.lv;
Copy

Set

 this.panel.header.lv = '5';
Copy

 <igx-expansion-panel-header [lv]="myCustomLevel"></igx-expansion-panel-header>
Copy

Gets/sets the role attribute of the header Get

 const currentRole = this.panel.header.role;
Copy

Set

 this.panel.header.role = '5';
Copy

 <igx-expansion-panel-header [role]="'custom'"></igx-expansion-panel-header>
Copy