To Left

Atomic Props to make children elements align to left.

Atomic Props	Effect
toLeft	Make children elements align to left

Usage

Use toTop to make children elements align to left.

Result

Loading...

Live Editor

<Box toLeft bgGray100 square-200> <Box square-60 bgOrange400 rounded-8></Box> <Box square-80 bgBlue400 rounded-8></Box> </Box>

<Box toLeft bgGray100 square-200>
  <Box square-60 bgOrange400 rounded-8></Box>
  <Box square-80 bgBlue400 rounded-8></Box>
</Box>

Compose

toLeft can compose with toTop、toCenterY、toBottom、toBetween、toEvenly、toAround:

Compose base on toLeft

row

toLeft toTop

row

toLeft toCenterY

row

toLeft toBottom

column

toLeft toTop

column

toLeft toCenterY

column

toLeft toBottom

column

toLeft toBetween

column

toLeft toEvenly

column

toLeft toAround