# Aligning and Positioning

The Kendo UI for Vue Popup enables you to align it to [components](https://www.telerik.com/kendo-vue-ui-develop/components/popup/aligning-positioning#aligning-to-components) and [absolute points](https://www.telerik.com/kendo-vue-ui-develop/components/popup/aligning-positioning#aligning-to-absolute-points) as well as to [control its position](https://www.telerik.com/kendo-vue-ui-develop/components/popup/aligning-positioning#positioning).

## Aligning to Components

To align the Popup to a specific component, use the [`anchor`](https://www.telerik.com/kendo-vue-ui-develop/components/popup/api/popupprops#anchor) property. The Popup opens next to the defined anchor component.

> If an `anchor` is not provided, the Popup will use the [`offset`](https://www.telerik.com/kendo-vue-ui-develop/components/popup/api/popupprops#offset) property value.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/popup/align/basic/source.txt)

## Aligning to Absolute Points

To align the Popup to a specific absolute point that is relative to the document, use the [`offset`](https://www.telerik.com/kendo-vue-ui-develop/components/popup/api/popupprops#offset) property. The Popup opens next to the point and uses the specified [`popupAlign`](https://www.telerik.com/kendo-vue-ui-develop/components/popup/api/popupprops#popupalign) configuration.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/popup/align/absolute/source.txt)

## Positioning

Both the anchor and the Popup are treated as rectangular elements and, as a result, each has nine pivot points. You can align every point of the Popup to an anchor point. The component will position itself by aligning its top-right point to the bottom-right point of the anchor. If we want to use the `popup-align` prop we need to add concrete width and height to the inner container of the popup.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/popup/align/positioning/source.txt)

## Suggested Links

* [API Reference of the Popup](https://www.telerik.com/kendo-vue-ui-develop/components/popup/api/popupprops)
