@pega/dx-component-builder-sdk

Version:

Utility for building custom UI components

15 lines (14 loc) • 569 B

HTML

<mat-tab-group (selectedTabChange)="handleTabClick($event)">
  <mat-tab *ngFor="let tab of tabItems; let i = index" [label]="tab.name">
    <div *ngIf="+currentTabId == i">
      <component-mapper
        *ngIf="tab.content?.getPConnect()"
        [name]="tab.content?.getPConnect().getComponentName()"
        [props]="{
          pConn$: tab.content?.getPConnect()
        }"
        errorMsg="Details Sub tabs wants component not yet available: {{ tab.content?.getPConnect().getComponentName() }}"
      ></component-mapper>
    </div>
  </mat-tab>
</mat-tab-group>