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

Utility for building custom UI components

<div class="psdk-page-title">
  <h2>{{ title$ }}</h2>
</div>
<div class="page-body">
  <div *ngFor="let kid of arChildren$">
    <div [ngSwitch]="kid.getPConnect().getComponentName()">
      <component-mapper *ngSwitchCase="'View'" name="View" [props]="{ pConn$: kid.getPConnect() }"></component-mapper>
      <component-mapper *ngSwitchCase="'Region'" name="Region" [props]="{ pConn$: kid.getPConnect() }"></component-mapper>
      <div *ngSwitchDefault>Page Missing: {{ kid.getPConnect().getComponentName() }}</div>
    </div>
  </div>
</div>