mp-common/data-card/data-card.component.html

This is XPO MarketPlace common libary

<xpo-card>
  <card-header>
    <card-header-title id="title-card">{{ title }}</card-header-title>
  </card-header>
  <card-content>
    <dl>
      <ng-template ngFor let-datum [ngForOf]="data" *ngIf="data?.length> 0; else nodata;">
        <dt id="key-card">{{ datum[key] }}</dt>
        <dd id="value-card">{{ datum[value] }}</dd>
      </ng-template>
      <ng-template #nodata>
        <div id="no-card-data" class="card-data-box">
          <xpo-icon id="no-card-data-icon">ui-btn-info</xpo-icon>
          <p class="card-data-err-msg">{{emptyNote}}</p>
        </div>
      </ng-template>
    </dl>
  </card-content>
</xpo-card>