RTL Mode
RTL Setup
To make the default RTL version just follow the below steps.
To enable RTL mode, you need to uncomment the RTL SCSS files in the
src/assets/scss/app.scss file,
// @import "custom/rtl/bootstrap-rtl";
// @import "custom/rtl/components-rtl";
// @import "custom/rtl/float-rtl";
// @import "custom/rtl/general-rtl";
// @import "custom/rtl/pages-rtl";
// @import "custom/rtl/plugins-rtl";
// @import "custom/rtl/spacing-rtl";
// @import "custom/rtl/structure-rtl";
// @import "custom/rtl/text-rtl";
and add the below attribute in the
src/app.html file to
html tag.
dir="rtl" so you final html tag will be
<html dir="rtl">