RTL Support

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

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

<div id="vueapp" class="vue-app k-rtl">
  <kendo-notification ref="notification"></kendo-notification>
  <button id="showNotification" class="k-button" @click="showNotification">Show notification</button>
new Vue({
    el: "#vueapp",
    methods: {
        showNotification: function (e) {
    mounted: function () {
        this.notification = this.$refs.notification.kendoWidget();

In this article