Dark Version | Invoika - Angular 21 Admin & Dashboard Template

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.

Angular 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 Angular by changing ltr to rtl we can change default left to right direction in right to left direction dir="rtl" .

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

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

By uncommenting RTL Mode scss files given in the src/assets/scss/app.scss

// @import "rtl/components/components";
// @import "rtl/plugins/plugins";
// @import "rtl/structure/structure";
// @import "rtl/apps/apps";
// @import "rtl/pages/pages"

RTL Version