PopoverComponent
Represents the Kendo UI Popover component for Angular. Displays additional information related to a target element.
Definition
Package:@progress/kendo-angular-tooltip
Selector:kendo-popover
Syntax:
<kendo-popover>
<ng-template kendoPopoverTitleTemplate>Title</ng-template>
<ng-template kendoPopoverBodyTemplate>Body</ng-template>
<ng-template kendoPopoverActionsTemplate>Actions</ng-template>
</kendo-popover>Inputs
Enables and configures the Popover animation. See example.
Accepts a boolean to enable the default animation, or a PopoverAnimation object for custom settings.
false
body
string
Represents the text rendered in the Popover body section. If a bodyTemplate is provided, it takes precedence.
callout
boolean
Determines whether a callout is rendered along the Popover. See example.
true
height
string | number
Determines the height of the Popover. Numeric values are treated as pixels.
'auto'
offset
number
Specifies the distance from the Popover to its anchor element in pixels.
6
Specifies the position of the Popover relative to its anchor element. See example.
'right'
Defines a callback function that returns custom data for the Popover templates.
The function exposes the anchor element as an argument and returns an object that can be used in the templates. See example.
title
string
Specifies the main header text of the Popover. If a titleTemplate is provided, it takes precedence.
width
string | number
Determines the width of the Popover. Numeric values are treated as pixels.
'auto'
Events
hidden
EventEmitter<any>
Fires after the Popover has been hidden and the animation has ended. See example.
Fires when the Popover is about to be hidden. The event is preventable. If canceled, the Popover remains visible. See example.
Fires before the Popover is shown. The event is preventable. If canceled, the Popover will not display. See example.
Fires after the Popover has been shown and the animation has ended. See example.