How does React-Intl handle 'Right to Left' Locales?

[vlknhslk]

e.g. Arabic, it does not align the text to read Right to Left. How can we do this?

[jzabala]

This is how you could do it:

As you can see in the gif the lib sets the lang attribute in the html tag.

So in you css set a selector for the root element and the language that you are targeting and, change the text direction:

:root[lang='en'] {
    direction: rtl;
}