34 lines
1.4 KiB
HTML
34 lines
1.4 KiB
HTML
<div class="data-management-plan-editor">
|
|
<mat-horizontal-stepper [linear]="isLinear">
|
|
<mat-step [stepControl]="firstFormGroup">
|
|
<form [formGroup]="firstFormGroup">
|
|
<ng-template matStepLabel>Fill out your name</ng-template>
|
|
<mat-form-field>
|
|
<input matInput placeholder="Last name, First name" formControlName="firstCtrl" required>
|
|
</mat-form-field>
|
|
<div>
|
|
<button mat-button matStepperNext>Next</button>
|
|
</div>
|
|
</form>
|
|
</mat-step>
|
|
<mat-step [stepControl]="secondFormGroup">
|
|
<form [formGroup]="secondFormGroup">
|
|
<ng-template matStepLabel>Fill out your address</ng-template>
|
|
<mat-form-field>
|
|
<input matInput placeholder="Address" formControlName="secondCtrl" required>
|
|
</mat-form-field>
|
|
<div>
|
|
<button mat-button matStepperPrevious>Back</button>
|
|
<button mat-button matStepperNext>Next</button>
|
|
</div>
|
|
</form>
|
|
</mat-step>
|
|
<mat-step>
|
|
<ng-template matStepLabel>Done</ng-template>
|
|
You are now done.
|
|
<div>
|
|
<button mat-button matStepperPrevious>Back</button>
|
|
</div>
|
|
</mat-step>
|
|
</mat-horizontal-stepper>
|
|
</div> |