PopoverComponent
Represents the Kendo UI Popover component for Angular. Displays additional information related to a target element.
<kendo-popover>
<ng-template kendoPopoverTitleTemplate>Title</ng-template>
<ng-template kendoPopoverBodyTemplate>Body</ng-template>
<ng-template kendoPopoverActionsTemplate>Actions</ng-template>
</kendo-popover>
Selector
kendo-popover
Inputs
Name | Type | Default | Description |
---|---|---|---|
animation |
|
|
Enables and configures the Popover animation. See example. Accepts a boolean to enable the default animation, or a |
body |
|
Represents the text rendered in the Popover body section. If a | |
callout |
|
|
Determines whether a callout is rendered along the Popover. See example. |
height |
|
|
Determines the height of the Popover. Numeric values are treated as pixels. |
offset |
|
|
Specifies the distance from the Popover to its anchor element in pixels. |
position |
|
|
Specifies the position of the Popover relative to its anchor element. See example. |
templateData |
|
Defines a callback function that returns custom data for the Popover templates.
The function exposes the | |
title |
|
Specifies the main header text of the Popover. If a | |
width |
|
|
Determines the width of the Popover. Numeric values are treated as pixels. |
Events
Name | Type | Description |
---|---|---|
hidden |
|
Fires after the Popover has been hidden and the animation has ended. See example. |
hide |
|
Fires when the Popover is about to be hidden. The event is preventable. If canceled, the Popover remains visible. See example. |
show |
|
Fires before the Popover is shown. The event is preventable. If canceled, the Popover will not display. See example. |
shown |
|
Fires after the Popover has been shown and the animation has ended. See example. |