---
title: Direction
page_title: Direction - Menu - Kendo UI for Vue
description: "Configure the popup direction of the items in the Kendo UI Menu wrapper for Vue."
slug: direction_menu_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/layout/menu/"
position: 3
---

<div><WrapperBanner link="/kendo-vue-ui/components/layout/menu"></WrapperBanner></div>    

# Direction

You can specify the opening direction of the Menu by setting the `direction` option.

The configuration option accepts any of the following values:
* `top`
* `bottom`
* `left`
* `right`

You can also specify different opening directions for the root and submenu items by separating them with space&mdash;for example `top left`.

{% meta height:500 %}
{% embed_file menu/direction/main.vue preview %}
{% embed_file menu/direction/main.js %}
{% endmeta %}

## Suggested Links

* [Kendo UI Menu for jQuery](https://docs.telerik.com/kendo-ui/controls/navigation/menu/overview)
* [API Reference of the Menu Widget](https://docs.telerik.com/kendo-ui/api/javascript/ui/menu)