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.