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

Utility for building custom UI components

<div *ngIf="displayMode$; else noDisplayMode">
  <component-mapper *ngIf="bVisible$ !== false" name="FieldValueList" [props]="{ label$, value$, displayMode$ }"></component-mapper>
</div>
<ng-template #noDisplayMode>
  <div *ngIf="bVisible$ !== false" class="psdk-label-infix-readonly">
    <span class="psdk-label-wrapper-readonly">
      <label class="psdk-label-readonly">{{ label$ }}</label>
    </span>
    <div class="psdk-data-readonly">
      <label *ngIf="formatAs$ != 'url'">{{ formattedValue$ }}</label>
      <a *ngIf="formatAs$ == 'url'" href="{{ formattedUrl$ }}">{{ formattedValue$ }}</a>
    </div>
  </div>
</ng-template>