Skip to content

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

<template>
  <h1>Hello {{ msg }}</h1>
</template>

<script setup lang="ts">
import { ref } from 'vue';
const msg = ref<string>('world');
</script>

with toast option

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

Released under the MIT License.