Tooltips

Ask a question Design guidelines

Tooltips can describe a UI element in a little bit more detail when users deliberately hover on an element.

API status:	general
Included in AUI core?	Not in core You must explicitly require the web resource key.
Web resource key:	`com.atlassian.auiplugin:aui-experimental-tooltips`
AMD Module key:	N/A
Experimental since:	5.1
General API status:	5.8

Calling .tooltip() will create a tipsy tooltip with ADG style and default options applied.

Options are set by passing in an options object.

You can control the direction/positioning of the tooltip by setting the "gravity" option:

The text of the tooltip can be set arbitrarily:

AUI uses a forked copy of Tipsy, which adds things like ARIA support. See https://github.com/atlassian/tipsy for details.
For a list of core tipsy options, see http://onehackoranother.com/projects/jquery/tipsy/