apps/www/content/docs/components/flex.mdx
import { Flex, Spacer } from "@chakra-ui/react"
<Flex>
<div />
<div />
</Flex>
Use the direction or flexDirection prop to change the direction of the flex
Use the align or alignItems prop to align the children along the cross axis.
Use the justify or justifyContent prop to align the children along the main
axis.
Use the order prop to change the order of the children.
Apply margin to a flex item to push it away from its siblings.
<ExampleTabs name="flex-with-auto-margin" />Use the Spacer component to create flexible space between flex items. It will
expand to fill all available space, pushing items to opposite ends.
Use the wrap or flexWrap prop to wrap the children when they overflow the
parent.