Jumbo 5.0
Search…
Jumbo 5.0
Overview
Package Content
Installation and Setup
Environment Setup
Project Setup
Structure
Folder Structure
Layouts
Style Customization
Color Schemes
Card Radius
Fonts
Settings
Template Settings
Customize Horizontal Menu
Customize Vertical Menu
Defining New Route
Authentication
RTL Support
Language
Extract a component
Change logs
NEXT JS
Project Setup
Folder Structure
Authentication
Laravel Version
Environment Setup
Folder Structure
Project Setup
Articles
Change collapse behavior of drawer
Powered By GitBook
RTL Support
Set the page direction to RTL
Jumbo React comes with RTL support.
In order to enable RTL direction for your app, follow the steps given below:
You can find the theme files inside the src/theme/ folder and then can select the defaultTheme.js file.
src/theme/defaultTheme.js
Inside the above file, you can find a constant object named defaultTheme. The object contains properties related to default values for the theme. One of these properties is direction property and there are two possible values for this property as specified below:
  1. 1.
    "ltr" - To set the direction of your app from Left-to-Right.
  2. 2.
    "rtl" - To set the direction of your app from Right-to-Left.
Now, to achieve the RTL direction for your app. You can set the value of the direction property to rtl and the same should reflect on your page when you refresh.
Settings - Previous
Authentication
Next - Settings
Language
Last modified 1yr ago
Copy link