@pega/dx-component-builder-sdk/tests/assets/sdk-a/components/createAll/override-sdk/template/default-form/default-form.component.html

Utility for building custom UI components

<div *ngIf="instructions" class="psdk-default-form-instruction-text">
  <div key="instructions" id="instruction-text" [innerHTML]="instructions"></div>
</div>
<div [className]="divClass$">
  <div *ngFor="let kid of arChildren$" [ngClass]="{ 'grid-column': kid.getPConnect().getComponentName() === 'View' }">
    <component-mapper
      [name]="kid.getPConnect().getComponentName()"
      [props]="{
        pConn$: kid.getPConnect(),
        formGroup$: formGroup$
      }"
      errorMsg="DefaultForm wants component not yet available: {{ kid.getPConnect().getComponentName() }}"
    ></component-mapper>
  </div>
</div>