---
title: Badges
page_title: Badges - ButtonGroup - Kendo UI for Vue
description: "Apply a badge to the buttons within the Kendo UI ButtonGroup wrapper for Vue."
slug: badges_buttongroup_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/buttons/buttongroup/"
position: 6
---

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

# Badges

The ButtonGroup enables you to apply a badge to each of its buttons.

To achieve this behavior, use the `data-badge` attribute of the `<li>` Button element.

{% meta height:350 %}
{% embed_file buttongroup/badges/main.vue preview %}
{% embed_file buttongroup/badges/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)