@engie-group/fluid-design-system-angular
Version:
Fluid Design System Angular
21 lines (20 loc) • 712 B
HTML
<button class="nj-icon-btn"
[type]="type"
(click)="buttonClick.emit($event)"
[tabIndex]="tabIndex"
[disabled]="isDisabled"
[ngClass]="[
getIconButtonVariantClass(),
getIconButtonSizeClass(),
additionalClass ?? ''
]"
[title]="label"
[attr.aria-describedby]="ariaDescribedby"
[attr.aria-pressed]="ariaPressed"
>
<span class="nj-sr-only">{{label}}</span>
<nj-icon class="nj-icon-btn__icon" *ngIf="!hasCustomIcon && icon" [name]="icon" size="inherit" variant="inherit"></nj-icon>
<span *ngIf="hasCustomIcon" class="nj-icon-btn__icon">
<ng-content select="[custom-icon]"></ng-content>
</span>
</button>