RTL Version

  1. Docs
  2. RTL Version
RTL Setup

Change in Direction RTL / LTR

RTL and LTR refer to the direction of the text in a user interface. RTL (Right-to-Left) is used in languages that are written from right to left, such as Arabic and Hebrew, while LTR (Left-to-Right) is used in languages that are written from left to right, such as English and French.

React provides a way to support both RTL and LTR languages by using CSS styles. You can use CSS's direction property to set the text direction of an element to either RTL or LTR.

In react by changing ltr to rtl we can change default left to right direction in right to left direction [dir="rtl"] .

By adding direction in public/index.html you can change the direction right to left.

<html lang="en" dir="rtl">