To Right

Atomic Props to make children elements align to right.

Atomic Props	Effect
toRight	Make children elements align to right

Usage

Use toTop to make children elements align to right.

Result

Loading...

Live Editor

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

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

Compose

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

Compose base on toRight

row

toRight toTop

row

toRight toCenterY

row

toRight toBottom

column

toRight toTop

column

toRight toCenterY

column

toRight toBottom

column

toRight toBetween

column

toRight toEvenly

column

toRight toAround