jqwidgets-scripts-custom/demos/Angular/popover/defaultfunctionality/src/app/app.component.html

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

<jqxPopover [theme]="'material'" 
    [showCloseButton]="true" [selector]="'#button'" [title]="'Employees'"
    [arrowOffsetValue]="50" [offset]="{ left: left, top: top }">
    <div #employees></div>
</jqxPopover>

<div style="height: 33px; border-width: 1px; border-style: solid; padding: 10px;" class="jqx-widget-header">
    <jqxButton [theme]="'material'" #buttonReference 
        style="float: right" id="button" (onClick)="updatePopoverPosition()"
        [width]="150" [height]="35" [template]="'inverse'">
        View Employees
    </jqxButton>
</div>