Sets/gets the id
of the expansion panel header.
let panelHeaderId = this.panel.header.id;
Emitted whenever a user interacts with the header host
handleInteraction(event: IExpansionPanelCancelableEventArgs) {
...
}
<igx-expansion-panel-header (interaction)="handleInteraction($event)">
...
</igx-expansion-panel-header>
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>
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>
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>
Returns a reference to the igx-expansion-panel-icon
element;
If iconPosition
is NONE
- return null;
Gets/sets the position of the expansion-panel-header expand/collapse icon Accepts
left
,right
ornone
Set