Class IgxExpansionPanelHeaderComponent

Hierarchy

  • IgxExpansionPanelHeaderComponent

Index

Constructors

constructor

Properties

cdr

cdr: ChangeDetectorRef

elementRef

elementRef: ElementRef<any>

iconPosition

iconPosition: ExpansionPanelHeaderIconPosition = ...

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

id: string = ''

Sets/gets the id of the expansion panel header.

let panelHeaderId =  this.panel.header.id;
@memberof

IgxExpansionPanelComponent

interaction

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

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

panel: IgxExpansionPanelBase

role

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

disabled

  • get disabled(): boolean
  • set disabled(val: boolean): void

iconRef

  • get iconRef(): ElementRef<any>