# 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://jxnblk.com/styled-system) by passing props for [space](https://jxnblk.com/styled-system#space-theming), [width](https://jxnblk.com/styled-system#width), [height](http://jxnblk.com/styled-system/table#layout), [color](http://jxnblk.com/styled-system/table#core), [text align](http://jxnblk.com/styled-system/table#typography), [box shadow](http://jxnblk.com/styled-system/table#misc), or [borders](http://jxnblk.com/styled-system/table#misc).