import { Component } from '@angular/core' ; import { MAT_TOOLTIP_DEFAULT_OPTIONS , MatTooltipDefaultOptions } from '@angular/material' ; /** Custom options the configure the tooltip's default show/hide delays. */ export const myCustomTooltipDefaults = { showDelay : 1000 , hideDelay : 1000 , touchendHideDelay : 1000 , } ; title @ Component ( { selector : 'tooltip-modified-defaults-example' , templateUrl : 'tooltip-modified-defaults-example.html' , styleUrls : [ 'tooltip-modified-defaults-example.css' ] , providers : [ { provide : MAT_TOOLTIP_DEFAULT_OPTIONS , useValue : myCustomTooltipDefaults } ] , } ) export class TooltipModifiedDefaultsExample { }