RTL Layout

BAZ works with RTL languages.

Hide Element Based on Text Direction

To hide an element based on the text direction (RTL or LTR), you can use CSS or JavaScript:

Using CSS:

[dir="rtl"] .element-to-hide {
    display: none;
}

[dir="ltr"] .element-to-hide {
    display: none;
}

Hide element in content using CSS classes (HTML)

To hide an element in your HTML content using CSS, you can apply specific CSS classes. Here’s a straightforward approach:

<p class="dir-ltr-hide">This paragraph is hidden on LTR, standard layout.</p>
<p class="dir-rtl-hide">This paragraph is hidden on RTL, right to left layout.</p>