# Popover Overview

The Kendo UI for Vue Popover is a popup with rich interactive content that appears next to a related UI element.

To observe the Popover in action, select any date in the Calendar. Dates marked with a red dot have scheduled events.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/tooltip/popover/overview/source.txt)

## Functionality and Features

* [Positioning](https://www.telerik.com/kendo-vue-ui-develop/components/tooltip/popover/positioning) lets you specify the Popover position relative to its anchor or offset.
* [Callout](https://www.telerik.com/kendo-vue-ui-develop/components/tooltip/popover/callout) lets you enable or disable the Popover callout element.
* [Collisions](https://www.telerik.com/kendo-vue-ui-develop/components/tooltip/popover/collisions) lets you configure Popover behavior when it is not fully visible.
* [Scale](https://www.telerik.com/kendo-vue-ui-develop/components/tooltip/popover/scale) supports a custom document scale.

## Configuring the Title

The Popover provides a configurable `title` property that accepts strings and custom components. When `title` is not set, the Popover does not render its title wrapper.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/tooltip/popover/title/source.txt)

## Configuring the Popover Actions Bar

Use `PopoverActionsBar` to add custom Popover actions.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/tooltip/popover/actions/source.txt)

## Forms Integration

The Popover supports rich interactive content, including forms with custom editors.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/tooltip/popover/form/source.txt)

## Installation

```sh
npm install --save @progress/kendo-vue-tooltip @progress/kendo-vue-popup @progress/kendo-licensing
```

```vue
<script setup>
import { Popover } from '@progress/kendo-vue-tooltip';
</script>
```