LTR (Left-to-Right) and RTL (Right-to-Left) are attributes used in React to specify the direction in which the text is displayed. These attributes are particularly important for languages that are read from right to left, such as Arabic and Hebrew.

1. Left-to-Right (LTR)

To display content in a left-to-right direction, you can use the currentLayoutDirection: LAYOUT_DIRECTION.LTR which is situated in src/slices/layout/reducer.ts file.. This is the default text direction for most languages, including English, Spanish, and Chinese.

2. Right-to-Left (RTL)

To display content in a right-to-left direction, you can use the currentLayoutDirection: LAYOUT_DIRECTION.RTL which is situated in src/slices/layout/reducer.ts file.. This is used for languages like Arabic, Hebrew, and Persian.