A lightweight tooltip directive.
Attach to any element to display a text tooltip on hover/focus.
<button uiTooltip="Save your work" tooltipPosition="top">Save</button> Copy
<button uiTooltip="Save your work" tooltipPosition="top">Save</button>
Readonly
Delay in ms before showing the tooltip.
Position relative to the host element.
The tooltip text content.
Hide and destroy the tooltip.
A callback method that performs custom clean-up, invoked immediately before a directive, pipe, or service instance is destroyed.
Show the tooltip after the configured delay.
A lightweight tooltip directive.
Attach to any element to display a text tooltip on hover/focus.
Example