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

Fluid Design System Angular

<div class="nj-tooltip show" [ngClass]="[getIsInverseClass(), getPlacementClass(), getIsStandaloneClass()]" [attr.id]="tooltipId" @tooltip [@.disabled]="!isAnimated">
  <div class="nj-tooltip__arrow" *ngIf="hasArrow" [ngClass]="[getTooltipArrowPlacement()]"></div>
  <div class="nj-tooltip__inner">
    <ng-container *ngTemplateOutlet="label ? labelTemplate : contentTemplate"></ng-container>
  </div>
</div>

<ng-template #labelTemplate>
  {{label}}
</ng-template>

<ng-template #defaultContentTemplate>
  <ng-content></ng-content>
</ng-template>

<ng-template #contentTemplate>
  <ng-container *ngTemplateOutlet="contentTemplateRef ? contentTemplateRef : defaultContentTemplate"></ng-container>
</ng-template>