Flex
Flex is Box with display: flex
and comes with helpful style shorthand.
It renders a div
element.
Import
Usage
Using the Flex components, here are some helpful shorthand props:
flexDirection
isdirection
flexWrap
iswrap
alignItems
isalign
justifyContent
isjustify
While you can pass the verbose props, using the shorthand can save you some time.
Editable Example
Box 1
Box 2
Box 3