To Between

Atomic Props to make children elements space between.

Atomic Props	Effect
toBetween	Make children elements space between

Usage

Use toBetween to make children elements space between.

Result

Loading...

Live Editor

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

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

Compose

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

Compose base on toBetween

row

toBetween toTop

row

toBetween toCenterY

row

toBetween toBottom

column

toBetween toLeft

column

toBetween toCenterX

column

toBetween toRight