- <ng-container *ngFor="let step of steps; let i = index; let isLast = last;">
- <div
- class="step-info" [ngClass]="{ active: selectedIndex === i, completed: isCompleted(step), 'c-hand': isAccessible(i) }" [attr.aria-current]="selectedIndex === i"
- (click)="onClick(i)"
- >
- <div class="step-index">
- <ng-container *ngIf="!isCompleted(step)"><span class="sr-only" i18n>Step</span> {{ i + 1 }}</ng-container>
- <my-global-icon *ngIf="isCompleted(step)" iconName="tick"></my-global-icon>
- </div>
+ <div class="header-steps">
+ <ng-container *ngFor="let step of steps; let i = index; let isLast = last;">
+ <button
+ class="step-info button-unstyle" [ngClass]="{ active: selectedIndex === i, completed: isCompleted(step) }"
+ [disabled]="!isAccessible(step)"
+ [attr.aria-current]="selectedIndex === i" (click)="onClick(i)"
+ >
+ <div class="step-index">
+ <span class="visually-hidden" i18n>Step</span> {{ i + 1 }}