ngbtooltip

ngbtooltip is the API of ng-bootstrap that \is used to provide some extra information to the user on hover. In the angular project, we can easily add tooltip by using the ng-bootstrap.

Create a new project and add bootstrap to your project by the following code.

$ npm install --save @ng-bootstrap/ng-bootstrap

After installing the bootstrap into your project, you can add easily tooltip into your project as showing in the following.

<button type="button" class="btn btn-outline-secondary mr-2" placement="top" ngbTooltip="Tooltip on top">
  Tooltip on top
</button>

Read More