A primary button.

```js
<Button primary>Save</Button>
```

A disabled primary button.

```js
<Button primary disabled>
  Save
</Button>
```

A non-primary button.

```js
<Button>Save</Button>
```

A disabled non-primary button.

```js
<Button disabled>Save</Button>
```

A custom button

```js
<Button primary color="black" background="lightblue" size="small">
  Save
</Button>
```

An outline button

```js
<Button color="green" outline>
  Save
</Button>
```

A ghost button

```js
<Button ghost>Save</Button>
```