Content Comparison

References

• Material Documentation

Example

...

Usage

Structure

<mat-tab-group>
  <mat-tab label="Tab 1">
    Tab Content
  </mat-tab>
  <mat-tab label="Tab 2">
    Tab Content
  </mat-tab>
  <mat-tab label="Tab 3">
    Tab Content
  </mat-tab>
</mat-tab-group>

Container

• Every ‘tab group’ should have a mat-tab-group container, which formats its' content styles.

Tab Content

• Use <mat-tab> for each tab within the group.

Step Titles

• Use <ng-template matStepLabel> within each step to add each step title.