TooltipDirective
Represents the Kendo UI Tooltip directive for Angular. Displays additional information related to an element.
Definition
Package:@progress/kendo-angular-tooltip
Selector:[kendoTooltip]
Export Name:Accessible in templates as #kendoTooltipInstance="kendoTooltip"
Syntax:
<div kendoTooltip>
<button kendoButton title="Save">Save</button>
</div>Inputs
callout
boolean
Determines if the Tooltip displays a callout arrow.
true
closable
boolean
Determines if the Tooltip displays a Close button. See example.
false
closeTitle
string
Sets the title of the Close button.
filter
string
Specifies a selector for elements within a container that display a tooltip
(see example). The possible values include any
DOM selector.
'[title]'
offset
number
Specifies the offset in pixels between the Tooltip and the anchor.
If the callout property is set to true, the offset is rendered from the callout arrow.
If the callout property is set to false, the offset is rendered from the content of the Tooltip.
6
Specifies the position of the Tooltip relative to the anchor element (see example).
'top'
showAfter
number
Specifies the delay in milliseconds before the Tooltip is shown.
100
Specifies the mouse action that triggers the Tooltip to show. See example.
titleTemplate?
TemplateRef<any>
Sets the template for the tooltip header title. See example.
tooltipClass
string
Sets a CSS class for the Tooltip.
tooltipHeight
number
Sets the height of the Tooltip.
tooltipTemplate
TemplateRef<any>
Sets a custom content template for the Tooltip. The template is rendered inside the Tooltip content area. See example.
Specifies the theme color of the Tooltip.
The theme color applies the corresponding k-tooltip-{tooltipThemeColor} class to the Tooltip element.
tooltipWidth
number
Sets the width of the Tooltip. See example.
Methods
Hides the Tooltip.
Shows the Tooltip.
The element used as an anchor. The Tooltip opens relative to this element.
Toggles the visibility of the Tooltip.
The element used as an anchor.
show?booleanOptional. Boolean. Specifies if the Tooltip is rendered.