Grid | Mineral UI

Bidirectionality

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

<div dir="rtl">
  <ThemeProvider theme={{ direction: 'rtl' }}>
    <Grid>
      <GridItem>ا</GridItem>
      <GridItem>ب</GridItem>
      <GridItem>د</GridItem>
    </Grid>
  </ThemeProvider>
</div>