New to Kendo UI for Angular? Start a free 30-day trial
TooltipSettings
Provides a global configuration for the Kendo UI Tooltip. Once injected through
the AppComponent
constructor, the configuration properties can be overridden.
ts
import { TooltipSettings } from '@progress/kendo-angular-tooltip';
@Component({
selector: 'my-app',
template: `
<div kendoTooltip>
<button title="Saves the current document">Save</button>
</div>`,
providers: [{
provide: TooltipSettings,
useFactory: (): TooltipSettings => ({
// Override default values of tooltips if wanted
position: 'right'
})
}]
})
export class AppComponent { }
Name | Type | Default | Description |
---|---|---|---|
callout? |
|
Specifies if the Тooltip will display a callout arrow. The possible values are:
| |
closeTitle |
|
Specifies the title of the close button. | |
position? |
|
Specifies the position of the Tooltip that is relative to the anchor element. The possible values are:
| |
showAfter? |
|
Specifies the delay in milliseconds before the Tooltip is shown.
| |
showOn? |
|
Specifies when the Тooltip will be rendered. The possible values are:
|