StartEnd

Bidirectionality

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

بداية
النهاية
<div dir="rtl">
  <ThemeProvider theme={{ direction: 'rtl' }}>
    <StartEnd>
      <Box>بداية</Box>
      <Box>النهاية</Box>
    </StartEnd>
  </ThemeProvider>
</div>