How to add tooltip on top of font-awesome icon?

Question

I recently upgraded my font-awesome and ng-bootstrap, after which the tooltip has stopped working. Here's the code-

<i class="fa fa-info-circle px-1" aria-hidden="true" [ngbTooltip]="'Tooltip which shows on top'"></i>

The same code was working earlier before the update. Can anyone help me with this issue?

Answer 1

This should not be that hard have you tried the way Angular Bootstrap shows?

<button type="button" class="btn btn-outline-secondary me-2" placement="top" ngbTooltip="Tooltip on top">
  <i class="fa fa-info-circle px-1" aria-hidden="true"></i>

Looks like you missing placement?