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

Utility for building custom UI components

<div *ngIf="bShowAlert$" class="psdk-cancel-alert-background">
  <div class="psdk-cancel-alert-top">
    <h3 *ngIf="heading$ != ''">{{ heading$ }}</h3>
    <div>
      <p>{{ body1$ }}</p>
      <p>{{ body2$ }}</p>
    </div>
    <mat-grid-list cols="2" rowHeight="6.25rem">
      <mat-grid-tile>
        <button mat-raised-button color="secondary" (click)="buttonClick('save')">{{ localizedVal('Save for later', localeCategory) }}</button>
      </mat-grid-tile>
      <mat-grid-tile>
        <button mat-raised-button color="secondary" (click)="buttonClick('continue')">{{ localizedVal('Continue Working', localeCategory) }}</button>
        <button mat-raised-button color="primary" (click)="buttonClick('delete')">{{ localizedVal('Delete', localeCategory) }}</button>
      </mat-grid-tile>
    </mat-grid-list>
  </div>
</div>