RTL Version
The Qoduby template supports Right-to-Left (RTL). You don't need to add any custom js or css to convert a page to RTL.
All you need to do to convert the page to RTL is to add dir="rtl" attiribute to the <html> tag.
Below is an example of this.
<!DOCTYPE html>
<html lang="en" data-bs-theme="light" dir="rtl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Qoduby - Admin & Dashboard Template</title>
<!-- Favicon -->
<link rel="icon" type="image/png" href="assets/media/logo/favicon.png" />
<!-- Google Font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<!-- Global CSS -->
<link href="assets/css/style.css" rel="stylesheet" type="text/css"/>
<!-- Light-Dark Mode & Theme Direction Selector -->
<script src="assets/js/theme.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- Plugin Bundle -->
<script src="assets/js/plugins.bundle.js" crossorigin="anonymous"></script>
<!-- Common Javascript -->
<script src="assets/js/app.js" crossorigin="anonymous"></script>
</body>
</html>
Besides all these, you can convert any element to RTL. You can check the example below.
<div dir="rtl">
Lorem ipsum dolor sit amet.
</div>
Lorem ipsum dolor sit amet.
<div dir="ltr">
Lorem ipsum dolor sit amet.
</div>
Lorem ipsum dolor sit amet.