Directives - md-tooltip

mdTooltip API Documentation

Tooltips are used to describe elements that are interactive and primarily graphical (not textual).

Place a <md-tooltip> as a child of the element it describes.

A tooltip will activate when the user hovers over, focuses, or touches the parent element.

Usage

<md-button class="md-fab md-accent" aria-label="Play">
  <md-tooltip>Play Music</md-tooltip>
  <md-icon md-svg-src="img/icons/ic_play_arrow_24px.svg"></md-icon>
</md-button>

Attributes

Parameter Type Description
md-z-index number number

The visual level that the tooltip will appear in comparison with the rest of the elements of the application.

md-visible expression expression

Boolean bound to whether the tooltip is currently visible.

md-delay number number

How many milliseconds to wait to show the tooltip after the user hovers over, focuses, or touches the parent element. Defaults to 0ms on non-touch devices and 75ms on touch.

md-autohide boolean boolean

If present or provided with a boolean value, the tooltip will hide on mouse leave, regardless of focus.

md-direction string string

The direction that the tooltip is shown, relative to the parent element. Supports top, right, bottom, and left. Defaults to bottom.