Sample Code

<mat-tab-group>
  <mat-tab label="General">
    <ng-template matTabContent>
      <include-template name="general"></include-template>
    </ng-template>
  </mat-tab>
  <mat-tab label="Consumption">
    <ng-template matTabContent>
      <gauge-widget....></gauge-widget>
      <thing-details-widget...></thing-details-widget>
    </ng-template>
  </mat-tab>
</mat-tab-group> 

Configuration

For more details on how to configure and use the mat-tab-group component, refer to the Angular Material documentation.

The ng-template tag is not strictly necessary, but it is recommended in case the included template, or inline defined content is complex. If it is missing, unexpected or incomplete page refreshes can occur.