# Box

<!-- STORY -->

## Installation

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

## Example

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

export default (
  <Box>Hello world</Box>
);
```

## Customization

This component can be customized with [styled-system](https://github.com/jxnblk/styled-system) by passing props for
`space`,
`width`,
`minWidth`,
`maxWidth`,
`height`,
`minHeight`,
`maxHeight`,
`color`,
`textAlign`,
`boxShadow`,
`borderRadius`,
`borders`,
`borderColor`,
`flexBasis`,
`flex`,
`position` &
`zIndex` [functions](https://github.com/jxnblk/styled-system/blob/v2.2.5/README.md#table-of-style-props)