RTL Support
You can activate the right-to-left functionality by adding the k-rtl class to the container of the ToolBar.
The following example demonstrates how to utilize the RTL support for the ToolBar.
<div id="example">
<div id="vueapp" class="vue-app k-rtl">
<kendo-toolbar>
<kendo-toolbar-item type="button" text="Button"></kendo-toolbar-item>
<kendo-toolbar-item type="button" text="Toggle Button" :togglable="true"></kendo-toolbar-item>
<kendo-toolbar-item type="splitButton" text="Insert" :menu-buttons="[
{ text: 'Insert above', icon: 'insert-up' },
{ text: 'Insert between', icon: 'insert-middle' },
{ text: 'Insert below', icon: 'insert-down' }]">
</kendo-toolbar-item>
<kendo-toolbar-item type="separator"></kendo-toolbar-item>
<kendo-toolbar-item type="buttonGroup" :buttons="[
{ icon: 'align-left', text: 'Left', togglable: true, group: 'text-align' },
{ icon: 'align-center', text: 'Center', togglable: true, group: 'text-align' },
{ icon: 'align-right', text: 'Right', togglable: true, group: 'text-align' }]">
</kendo-toolbar-item>
<kendo-toolbar-item type="button" text="Action" overflow="always"></kendo-toolbar-item>
<kendo-toolbar-item type="button" text="Another Action" overflow="always"></kendo-toolbar-item>
<kendo-toolbar-item type="button" text="Something else here" overflow="always"></kendo-toolbar-item>
</kendo-toolbar>
</div>
</div>Vue.use(ButtonsInstaller);
new Vue({
el: "#vueapp"
})