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-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>

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