1

I want the stepper labels to be shown in a toolbar, but the content to be shown in another div.

something like:

<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>

can i separate the stepper labels from the content?

Night Train
  • 2,383
  • 3
  • 18
  • 35
Erffun
  • 43
  • 7
  • I am not quite sure what you are trying to accomplish. 1. Do you want the labels of the stepper to be viewed inside a toolbar (just for the optics)? 2. or do you want to use components as content. 3. why are you trying to seperate the content from the stepper? – Night Train Feb 21 '18 at 10:23

0 Answers0