For more info please check the components's official demos & documentation
demos & documentation
The Angular Material tooltip provides a text label that is displayed when the user hovers over or longpresses an element.
I have a tooltip
Show tooltip:BeforeAfterAboveBelowLeftRight
Show and hide delays:
To add a delay before showing or hiding the tooltip, you can use the inputs
matTooltipShowDelay and
matTooltipHideDelay to provide a delay time in milliseconds.
Changing the default delay behavior:
You can configure your app's tooltip default show/hide delays by configuring and providing your options using the MAT_TOOLTIP_DEFAULT_OPTIONS injection token.
Manually calling show() and hide():
To manually cause the tooltip to show or hide, you can call the show and hide directive methods, which both accept a number in milliseconds to delay before applying the display change.