Popover Overview

Updated on Sep 1, 2026

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.

Loading ...

Functionality and Features

• Positioning lets you specify the Popover position relative to its anchor or offset.
• Callout lets you enable or disable the Popover callout element.
• Collisions lets you configure Popover behavior when it is not fully visible.
• 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.

Loading ...

Configuring the Popover Actions Bar

Use PopoverActionsBar to add custom Popover actions.

Loading ...

Forms Integration

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

Loading ...

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>