# Card

<!-- STORY -->

## Installation

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

## Example

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

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

## Customization

This component can be customized with [styled-system](https://github.com/jxnblk/styled-system) by passing props for [space](https://github.com/jxnblk/styled-system/blob/v2.2.5/README.md#space-responsive), [width](https://github.com/jxnblk/styled-system/blob/v2.2.5/README.md#width-responsive), [height](https://github.com/jxnblk/styled-system/blob/v2.2.5/README.md#layout), [color](https://github.com/jxnblk/styled-system/blob/v2.2.5/README.md#color-responsive), [text align](https://github.com/jxnblk/styled-system/blob/v2.2.5/README.md#typography), [box shadow](https://github.com/jxnblk/styled-system/blob/v2.2.5/README.md#misc), or [borders](https://github.com/jxnblk/styled-system/blob/v2.2.5/README.md#borders).