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