---
title: Keyboard Navigation
page_title: Keyboard Navigation - ButtonGroup - Kendo UI for Vue
description: "Use the keyboard to navigate the Kendo UI ButtonGroup wrapper for Vue."
slug: keyboard_navigation_buttongroup_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/buttons/buttongroup/"
position: 7
---

<div><WrapperBanner link="/kendo-vue-ui/components/buttons/buttongroup"></WrapperBanner></div>

# Keyboard Navigation

The keyboard navigation of the ButtonGroup is always available.

The ButtonGroup supports the following keyboard shortcuts:

|SHORTCUT                   |DESCRIPTION    |
|:---                       |:---           |
| `Left Arrow`              | Highlights the button to the left.    |
| `Right Arrow`             | Highlights the button to the right.   |
| `Enter` or `Space`        | Triggers the `select` event.          |

The following example demonstrates how to enable the keyboard navigation of the ButtonGroup.

{% meta height:350 %}
{% embed_file buttongroup/keyboard-navigation/main.vue preview %}
{% embed_file buttongroup/keyboard-navigation/main.js %}
{% endmeta %}

## Suggested Links

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