@roo-ui/components/src/Flex/README.md

# Flex

<!-- STORY -->

## Installation

```shell
$ yarn add @roo-ui/components
```

## Example

```js
import { Flex, Box } from '@roo-ui/components';

export default (
  <Flex>
    <Box>Flex</Box>
    <Box>Box</Box>
  </Flex>
);
```

## Customization

This component can be customized with [styled-system](https://github.com/jxnblk/styled-system) by passing props for `alignContent`, `alignItems`, `justifyContent`, `flexWrap`, `flexFlow` & `flexDirection` [functions](https://github.com/jxnblk/styled-system/blob/v2.2.5/README.md#table-of-style-props)
as well as props supported by [`<Box />`](../Box/README.md)