-<span class="action-button" [ngClass]="getClasses()" [ngbTooltip]="title" tabindex="0">
- <my-small-loader [loading]="loading"></my-small-loader>
+<div *ngIf="!routerLink" class="action-button" [ngClass]="classes" [ngbTooltip]="title" tabindex="0">
+ <ng-container *ngTemplateOutlet="content"></ng-container>
+</div>
+
+<a *ngIf="routerLink" class="action-button" [ngClass]="classes" [ngbTooltip]="title" [routerLink]="routerLink">
+ <ng-container *ngTemplateOutlet="content"></ng-container>
+</a>
+
+<ng-template #content>
+ <my-loader size="sm" [loading]="loading"></my-loader>
<my-global-icon *ngIf="icon && !loading" [iconName]="icon"></my-global-icon>
<span *ngIf="label" class="button-label">{{ label }}</span>
<ng-content></ng-content>
-</span>
+</ng-template>