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

# Button

<!-- STORY -->

## Installation

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

## Example

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

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

## Properties

| Name       | Description                | Type   | Default | Required? |
|:-----------|:---------------------------|:-------|:--------|:----------|
| `primary`  | use the primary color      | `bool` | false   | -         |
| `rounded`  | use a rounded border       | `bool` | false   | -         |
| `block`    | render a full width button | `bool` | false   | -         |
| `disabled` | disable the button         | `bool` | false   | -         |

## 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), [color](https://github.com/jxnblk/styled-system/blob/v2.2.5/README.md#color-responsive), or [box shadow](https://github.com/jxnblk/styled-system/blob/v2.2.5/README.md#misc).