Content Comparison

<mat-horizontal-stepper>

    <ng-template matStepperIcon="edit">
        <span class="cvtr-icons tick step-status-done"></span>
    </ng-template>

    <ng-template matStepperIcon="done">
        <span class="cvtr-icons tick"></span>
    </ng-template>

    <!-- Step 1 -->

    <mat-step>
        <ng-template matStepLabel>Step 1 Title</ng-template>
        <div class="content-padding-med">
            Step Content Here
        </div>
        <div class="mat-stepper-navigation">
            <button mat-button matStepperNext class="matStepperNext">
                Next
            </button>
        </div>
    </mat-step>

    <!-- Step 2 -->

    <mat-step>
        <ng-template matStepLabel>Step 2 Title</ng-template>
        <div class="content-padding-med">
            Step Content Here
        </div>
        <div class="mat-stepper-navigation">
            <button mat-button matStepperPrevious class="matStepperPrevious">
                Back
            </button>
            <button mat-button matStepperNext class="matStepperNext">
                Next
            </button>
        </div>
    </mat-step>

    <!-- Step 3 -->

    <mat-step>
        <ng-template matStepLabel>Step 3 Title</ng-template>
        <div class="content-padding-med">
            Step Content Here
        </div>
        <div class="mat-stepper-navigation">
            <button mat-button matStepperPrevious class="matStepperPrevious">
                Back
            </button>
        </div>
    </mat-step>

</mat-horizontal-stepper>