src/app/layout/wizard/wizard.component.ts
| selector | app-wizard |
| styleUrls | ./wizard.component.scss |
| templateUrl | ./wizard.component.html |
import { Component } from '@angular/core';
@Component({
selector: 'app-wizard',
templateUrl: './wizard.component.html',
styleUrls: ['./wizard.component.scss']
})
export class WizardComponent {
}
<mat-horizontal-stepper [linear]="true">
<mat-step optional="false">
<ng-template matStepLabel>Inputs</ng-template>
<app-bulk-input></app-bulk-input>
</mat-step>
<mat-step>
<ng-template matStepLabel>Results</ng-template>
<app-results></app-results>
</mat-step>
<mat-step>
<ng-template matStepLabel>View</ng-template>
<app-view-game></app-view-game>
</mat-step>
</mat-horizontal-stepper>
./wizard.component.scss