new IgxExpansionPanelHeaderComponent(): IgxExpansionPanelHeaderComponent

cdr: ChangeDetectorRef

elementRef: ElementRef<any>

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>

iconPosition: ExpansionPanelHeaderIconPosition = ExpansionPanelHeaderIconPosition.LEFT

Sets/gets the id of the expansion panel header.

let panelHeaderId =  this.panel.header.id;

id: string = ''

Emitted whenever a user interacts with the header host

handleInteraction(event: IExpansionPanelCancelableEventArgs) {
 ...
}

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

interaction: EventEmitter<IExpansionPanelCancelableEventArgs>

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>

lv: string = '3'

panel: IgxExpansionPanelBase

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>

role: string = 'heading'

disabled: boolean

get iconRef(): ElementRef

Defined in projects/igniteui-angular/expansion-panel/src/expansion-panel/expansion-panel-header.component.ts:31

Returns ElementRef