@engie-group/fluid-design-system-angular/src/components/tab/tab.component.html

Fluid Design System Angular

<button class="nj-tab__item" [ngClass]="{'nj-tab__item--active': isActive}"
        role="tab"
        [attr.aria-selected]="isActive"
        [attr.aria-controls]="ariaControls"
        [tabIndex]="isActive ? 0 : -1"
        [disabled]="isDisabled"
        (click)="tabSelect?.emit()"
        (keydown)="tabMove?.emit($event)"
        #tab
        >
  <ng-content></ng-content>
  <nj-badge
    *ngIf="badgeOptions"
    size="md"
    [variant]="badgeOptions.variant"
    [emphasis]="badgeOptions.emphasis"
    [value]="badgeOptions.value"
    [capedValue]="badgeOptions.capedValue"
    [unitLabel]="badgeOptions.unitLabel"
  ></nj-badge>
</button>
<ng-template #contentTemplate>
  <ng-content select="[tab-content]"></ng-content>
</ng-template>