@pega/dx-component-builder-sdk/tests/assets/sdk-a/components/create/override-sdk/template/sub-tabs/sub-tabs.component.html

Utility for building custom UI components

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