jqwidgets-scripts-custom/demos/Angular/tooltip/tooltippositions/src/app/app.component.html

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<div style="margin-left: 200px; width: 370px;" id="container">
  <jqxTooltip [theme]="'material'" #filmPicture1
              [name]="'movieTooltip'"
              [position]="'left'"
              [content]="'The Amazing Spider-man'">
    <img src="https://www.jqwidgets.com/angular/images/The_Amazng_Spider_Man.jpeg" />
  </jqxTooltip>
  <jqxTooltip [theme]="'material'" #filmPicture2
              [name]="'movieTooltip'"              
              [position]="'right'"
              [content]="'Harry Potter and the Deathly Hallows'">
    <img src="https://www.jqwidgets.com/angular/images/Harry_Potter_7_Part_1.jpg" />
  </jqxTooltip>
  <jqxTooltip [theme]="'material'" #filmPicture3
              [name]="'movieTooltip'"
              [position]="'bottom'"
              [content]="'The Avengers'">
    <img src="https://www.jqwidgets.com/angular/images/The_Avengers.jpg" />
  </jqxTooltip>
</div>