All Components

RTL Support

You can activate the right-to-left functionality by adding the k-rtl class to the container of the ButtonGroup.

The following example demonstrates how to utilize the RTL support for the ButtonGroup.

<div id="vueapp" class="vue-app k-rtl">
    <div class="row">
        <kendo-buttongroup>
            <kendo-buttongroup-button data-icon="globe">Option A</kendo-buttongroup-button>
            <kendo-buttongroup-button data-icon="user">Option B</kendo-buttongroup-button>
            <kendo-buttongroup-button>Option C</kendo-buttongroup-button>
        </kendo-buttongroup>
    </div>
</div>
Vue.use(ButtonsInstaller);

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