Flex | Mineral UI

Bidirectionality

Flex reverses its alignment when the direction theme variable is set to rtl (right-to-left).

<div dir="rtl">
  <ThemeProvider theme={{ direction: 'rtl' }}>
    <Flex>
      <FlexItem>ا</FlexItem>
      <FlexItem>ب</FlexItem>
      <FlexItem marginStart="auto">د</FlexItem>
    </Flex>
  </ThemeProvider>
</div>