Tooltips

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 <template> element.

Custom and manual triggers

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

Alternatively you can take full manual control over tooltip opening / closing events.

Context and manual triggers

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

How would you like to greet me?

Append tooltip in the body

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