1 of 1

RTL Support

Our component library supports Right-to-Left (RTL) layouts, but RTL handling should be implemented on your side as a developer. To enable RTL, you need to set the dir="rtl" attribute on the <body> or relevant container element programmatically in your project.

<html lang="ar" dir="rtl">
<body>
  <dda-button></dda-button>
</body>
</html>

 <div dir="rtl">
      <DdaButton />
    </div>

<template>
  <div dir="rtl">
    <DdaButton />
  </div>
</template>

<div dir="rtl">
  <dda-button></dda-button>
</div>

RTL Support

<html lang="ar" dir="rtl">
<body>
  <dda-button></dda-button>
</body>
</html>

 <div dir="rtl">
      <DdaButton />
    </div>

<template>
  <div dir="rtl">
    <DdaButton />
  </div>
</template>

<div dir="rtl">
  <dda-button></dda-button>
</div>