Tab Container (justify tabs to right)

I am working on building a system that supports Arabic and English languages I want to make the tabs of tab container be justified to the right when the system language changed to Arabic.

Is there a way to justify tabs to the right and bind it to language property of the session ?

You can use flex-direction: row-reverse on the menuStyle property of the tab container to achieve this.

Basically, put an expression binding on that prop that would look like this:

if (left({session.props.locale}, 2) = 'ar',
	'row-reverse',
	'row'
)