# Popover

## Example

```
<kendo-popover>
    <actions></actions>
    <animation></animation>
    <popover-body-template></popover-body-template>
</kendo-popover>
```

## ChildTags

| Tag Name              | Details                                                                                                                                              |
| --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
| actions               | [PopoverActionsTagHelper](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.taghelpers/popoveractionstaghelper)                     |
| animation             | [PopoverAnimationSettingsTagHelper](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.taghelpers/popoveranimationsettingstaghelper) |
| popover-body-template | [TemplateTagHelper](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.taghelpers/templatetaghelper)                                 |

## Attributes

| Attribute             | Type                        | Description                                                                                                                                          |
| --------------------- | --------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
| name                  | String                      | Sets the name of the component.                                                                                                                      |
| as-module             | Boolean                     | Specifies whether the initialization script of the component will be rendered as a JavaScript module.                                                |
| is-in-client-template | Boolean                     | When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.                     |
| actions-layout        | String                      | A value indicating how the actions buttons will be positioned. Possible values are: start; center; between; around; evenly or stretch.               |
| body                  | String                      | Defines a kendo template that will be used as the card body inside the popover component.                                                            |
| body-handler          | String                      | Defines a kendo template that will be used as the card body inside the popover component.                                                            |
| filter                | String                      | Specifies a selector for the elements within the container which will display the Popover.                                                           |
| deferred              | Boolean                     | Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.                          |
| for                   | String                      | The Id of element, for which the Popover is initialized.                                                                                             |
| header                | String                      | Defines a kendo template that will be used as the card header inside the popover component.                                                          |
| header-handler        | String                      | Defines a kendo template that will be used as the card header inside the popover component.                                                          |
| height                | Double                      | The height (in pixels) of the Popover.                                                                                                               |
| offset                | Double                      | Specifies the offset (in pixels) between the Popover and the anchor. The offset is rendered from the callout arrow.                                  |
| on-hide               | String                      | The name of the JavaScript function that will handle the hide event. Fires when a Popover is hidden.                                                 |
| on-show               | String                      | The name of the JavaScript function that will handle the show event. Fires when a Popover is shown.                                                  |
| position              | String                      | The position that is relative to the target element at which the Popover will be shown.The supported values are: bottom; top; left; right or center. |
| script-attributes     | IDictionary\<String,Object> | Sets the attributes that will be added to the script tag of the component's initialization script.                                                   |
| show-on               | String                      | The event on which the Popover will be shown.The supported values are: mouseenter; click or focus.                                                   |
| toggle-on-click       | Boolean                     | Defines a value indicating whether the popover will show/hide only when clicking on the target element.                                              |
| width                 | Double                      | The width (in pixels) of the Popover.                                                                                                                |