# Vue ButtonGroup Overview

The Kendo UI for Vue ButtonGroup is a container for two or more Button components which can be separately configured to display only textual content, or show predefined icons, images, and custom icons, and to render a combination of textual and image content.

The Kendo UI for Vue ButtonGroup component is part of the Kendo UI for Vue library of Vue UI components. It is distributed through NPM under the [kendo-vue-buttons package](https://www.npmjs.com/package/@progress/kendo-vue-buttons).

<CtaPanelOverview></CtaPanelOverview>

## Basic Usage

The following example demonstrates the ButtonGroup in action.

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

## Functionality and Features

* [Disabled ButtonGroup](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/buttongroup/disabled-state)
* [Globalization](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/globalization)
* [Accessibility](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/buttongroup/accessibility/wai-aria-support)

> To learn more about the appearance, anatomy, and accessibility of the ButtonGroup, visit the [Progress Design System documentation](https://www.telerik.com/design-system/docs/components/buttongroup/). This information portal offers rich component usage guidelines, descriptions of the available style variables, and globalization support details.

## Support and Learning Resources

* [ButtonGroup Homepage](https://www.telerik.com/kendo-vue-ui/buttongroup)
* [API Reference of the ButtonGroup Component](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/buttongroupprops)
* [Getting Started with Kendo UI for Vue - JavaScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-composition-api)
* [Getting Started with Kendo UI for Vue - TypeScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-composition-api)
* [Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-options-api)
* [Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-options-api)
* [Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/get-started-nuxt-3)
* [Virtual Classroom (Training Course for Registered Users)](https://learn.telerik.com/learn/course/internal/view/elearning/45/kendo-ui-for-vue-with-typescript)
* [Button Forum](https://www.telerik.com/forums/kendo-ui-vue?searchText=buttongroup)
* [Knowledge Base](https://www.telerik.com/kendo-vue-ui/components/knowledge-base/)
* [Kendo UI Productivity Tools extension for VS Code](https://www.telerik.com/kendo-vue-ui-develop/components/vscode-extension)

## Additional Resources

* [Vue Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-vue)
* [Kendo UI for Vue Roadmap](https://www.telerik.com/support/whats-new/kendo-vue-ui/roadmap)