All Components

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>
</div>
Vue.use(PopupsInstaller);
new Vue({
    el: "#vueapp",
    methods: {
        showNotification: function (e) {
            this.notification.show('myMessage');
        }
    },
    mounted: function () {
        this.notification = this.$refs.notification.kendoWidget();
    }
})

In this article