IgxExpansionPanelHeaderComponent

Constructors

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'

Gets/sets the whether the header is disabled When disabled, the header will not handle user events and will stop their propagation

const isDisabled = this.panel.header.disabled;

Set

this.panel.header.disabled = true;

<igx-expansion-panel-header [disabled]="true">
    ...
 </igx-expansion-panel-header>

get disabled(): boolean

Returns boolean

set disabled(val: boolean): void

Returns void

Returns a reference to the igx-expansion-panel-icon element; If iconPosition is NONE - return null;

get iconRef(): ElementRef

Returns ElementRef