New to Kendo UI for Angular? Start a free 30-day trial
TooltipSettings
Provides a global configuration for the Kendo UI Tooltip. Inject this class in the AppComponent
constructor to override configuration properties.
typescript
import { TooltipSettings } from '@progress/kendo-angular-tooltip';
@Component({
selector: 'my-app',
template: `<div kendoTooltip><button title="Save">Save</button></div>`,
providers: [{
provide: TooltipSettings,
useFactory: (): TooltipSettings => ({ position: 'right' })
}]
})
export class AppComponent {}
Name | Type | Default | Description |
---|---|---|---|
callout? |
|
|
Determines if the Tooltip displays a callout arrow. |
closeTitle |
|
Sets the title of the Close button. | |
position? |
|
|
Specifies the position of the Tooltip relative to the anchor element. |
showAfter? |
|
|
Specifies the delay in milliseconds before the Tooltip is shown. |
showOn? |
|
|
Specifies the mouse action that triggers the Tooltip to show. |