Flex

Flex is Box with display: flex and comes with helpful style shorthand. It renders a div element.

Import

import { Flex } from '@outfitio/outkit';

Usage

Using the Flex components, here are some helpful shorthand props:

• flexDirection is direction
• flexWrap is wrap
• alignItems is align
• justifyContent is justify

While you can pass the verbose props, using the shorthand can save you some time.