All Components

Preselected Buttons

The ButtonGroup enables you to preselect a button.

To achieve this behavior, use the index configuration option. The buttons have zero-based indexes.

<div id="vueapp" class="vue-app">
    <div class="row">
        <kendo-buttongroup :index="3">
            <kendo-buttongroup-button>Option 1</kendo-buttongroup-button>
            <kendo-buttongroup-button>Option 2</kendo-buttongroup-button>
            <kendo-buttongroup-button>Option 3</kendo-buttongroup-button>
            <li>Ordinary LI item</li>
        </kendo-buttongroup>
    </div>
</div>
Vue.use(ButtonsInstaller);

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