New to Kendo UI for AngularStart 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 {}
NameTypeDefaultDescription

callout?

boolean

true

Determines if the Tooltip displays a callout arrow.

closeTitle

string

Sets the title of the Close button.

position?

Position

'top'

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

showAfter?

number

100

Specifies the delay in milliseconds before the Tooltip is shown.

showOn?

ShowOption

'hover'

Specifies the mouse action that triggers the Tooltip to show.

Not finding the help you need?
Contact Support