All Components

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.

<kendo-buttongroup :index="1" select-on="up">
       <kendo-buttongroup-button data-badge="25">First option</kendo-buttongroup-button>
       <kendo-buttongroup-button data-badge="50">Second option</kendo-buttongroup-button>
       <kendo-buttongroup-button data-badge="75">Third option</kendo-buttongroup-button>
   </kendo-buttongroup>
Vue.use(ButtonsInstaller);

new Vue({
    el: "#vueapp"
})
In this article