Quick and easy popovers

This is basic popovers

HTML and bindings in popovers

Popovers can contain any arbitrary HTML, Angular bindings and even directives! Simply enclose desired content in a <ng-template> element.
Hello, {{name}}!

Custom and manual triggers

You can easily override open and close triggers by specifying event names (separated by :) in the triggers property.

Popover visibility events

This is popover event
Popover is currently: {{ popover.isOpen() ? 'open' : 'closed' }}

Quick and easy tooltips

This is Quick and easy tooltips

HTML and bindings in tooltips

Tooltips can contain any arbitrary HTML, Angular bindings and even directives! Simply enclose desired content in a ng-template element.
Hello, {{name}}!

Custom and manual triggers

You can easily override open and close triggers by specifying event names (separated by :) in the triggers property.

Popover visibility events

This is Disabled pagination