To Evenly

Atomic Props to make children elements evenly.

Atomic Props	Effect
toEvenly	Make children elements evenly

Usage

Use toEvenly to make children elements evenly.

Result

Loading...

Live Editor

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

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

Compose

toEvenly can compose with toTop、toCenterY、toBottom、ttoLeft、toCenterX、toRight:

Compose base on toEvenly

row

toEvenly toTop

row

toEvenly toCenterY

row

toEvenly toBottom

column

toEvenly toLeft

column

toEvenly toCenterX

column

toEvenly toRight