Quick and easy popovers

Basic Popovers.

HTML and bindings in popovers

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

Custom and manual triggers

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

Append popover in the body

Set the container property to "body" to have the popover be appended to the body instead of the triggering element's parent. This option is useful if the element triggering the popover is inside an element that clips its contents (i.e. overflow: hidden).

Context and manual triggers

You can optionally pass in a context when manually triggering a popover.

Popover visibility events