Enable right to left support

React-toastify has built-in support for RTL layout. All you need to do is to set the rtl prop to true.

global

import App from './App.vue';

import { createApp } from 'vue';

import Vue3Toasity from 'vue3-toastify';

import 'vue3-toastify/dist/index.css';

createApp(App).use(

Vue3Toasity,

{

rtl: true,

}, // global options type definition --> ToastContainerOptions

).mount('#app');

toast('Wow so easy !', {
  rtl: true,
});

toast('Wow so easy !', {
  rtl: true,
});