Flex is a
display: flex and comes with helpful style shorthand.
Flex: a Box with
Spacer: creates an adjustable, empty space that can be used to tune the spacing between child elements within
Flex components comes with some helpful shorthand props:
While you can pass the verbose props, using the shorthand can save you some time.
You can pass Spacer to add Space between Flex items.