New to Kendo UI for AngularStart a free 30-day trial

Provides a global configuration for the Kendo UI Tooltip. Inject this class in the AppComponent constructor to override configuration properties.

Definition

Package:@progress/kendo-angular-tooltip

Syntax:

TS
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 {}

Properties

callout?

boolean

Determines if the Tooltip displays a callout arrow.

Default:

true

Sets the title of the Close button.

Specifies the position of the Tooltip relative to the anchor element.

Default:

'top'

Specifies the delay in milliseconds before the Tooltip is shown.

Default:

100

Specifies the mouse action that triggers the Tooltip to show.

Default:

'hover'