StartEnd | Mineral UI

Priority

By default, neither child will stretch to fill the available width. Set the priority prop to choose which child, if any, will stretch.

Start

End

Start

End

Start

End

<DemoLayout>
  <StartEnd priority="start">
    <Box>Start</Box>
    <Box>End</Box>
  </StartEnd>
  <StartEnd priority="end">
    <Box>Start</Box>
    <Box>End</Box>
  </StartEnd>
  <StartEnd priority="both">
    <Box>Start</Box>
    <Box>End</Box>
  </StartEnd>
</DemoLayout>