To Top

Atomic Props to make children elements align to top.

Atomic Props	Effect
toTop	Make children elements align to top

Usage

Use toTop to make children elements align to top.

Result

Loading...

Live Editor

<Box toTop bgGray200 square-200> <Box square-60 bgOrange400 rounded-8></Box> <Box square-80 bgBlue400 rounded-8></Box> </Box>

<Box toTop bgGray200 square-200>
  <Box square-60 bgOrange400 rounded-8></Box>
  <Box square-80 bgBlue400 rounded-8></Box>
</Box>

Compose

toTop can compose with toLeft、toCenterX、toRight、toBetween、toEvenly、toAround:

Compose base on toTop

row

toTop toLeft

row

toTop toCenterX

row

toTop toRight

column

toTop toLeft

column

toTop toCenterX

column

toTop toRight

row

toTop toBetween

row

toTop toEvenly

row

toTop toAround