Отдельные метки, горизонтальные и степпер

Question

Я хочу, чтобы пошаговые метки отображались на панели инструментов, а содержимое - в другом.

что-то вроде:

<div>
 <mat-horizontal-stepper md-stretch-steppers="always">
  <mat-step>
   <ng-template matStepLabel>Head 1</ng-template>
  </mat-step>
  <mat-step>
   <ng-template matStepLabel>Head 1</ng-template>
  </mat-step>
 </mat-horizontal-stepper>
</div>

<div>
 <any-components></any-components>
</div>

<div id="contents">
  [contents goes here]
</div>

Могу ли я отделить пошаговые метки от содержимого?