---
title: Color
page_title: Color - ButtonGroup - Kendo UI for Vue
description: "Customize the color of the Kendo UI ButtonGroup wrapper for Vue."
slug: color_buttongroup_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/buttons/buttongroup/"
position: 5
---

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

# Color

You can customize the color of a ButtonGroup.

To achieve this behavior, either:

* Set the `background-color` CSS property of the respective button inline, or
* Define a CSS selector.

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

## Suggested Links

* [Kendo UI ButtonGroup for jQuery](https://demos.telerik.com/kendo-ui/buttongroup/index)
* [API Reference of the ButtonGroup Widget](https://docs.telerik.com/kendo-ui/api/javascript/mobile/ui/buttongroup)