Button example:

```js
<Button skin="icon">Cool Button</Button>
```

```js
<Button skin="default">Cool Button</Button>
```
```js
<Button skin="default-full">Cool Button</Button>
```
```js
<Button skin="primary">Cool Button</Button>
```
```js
<Button skin="primary-full">Cool Button</Button>
```
```js
<Button skin="accent">Cool Button</Button>
```
```js
<Button skin="accent-full">Cool Button</Button>
```
```js
<S default={<P background="default" vertical="2" horizontal="2" />}>
  <Button skin="white-outlined">Cool Button</Button>
</S>
```
```js
<Button skin="default-outlined">Cool Button</Button>
```
```js
<Button skin="default-outlined-full">Cool Button</Button>
```
```js
<Button skin="primary-outlined">Cool Button</Button>
```
```js
<S default={<P background="default" vertical="2" horizontal="2" />}>
  <Button skin="clean">Cool Button</Button>
</S>
```
```js
<Button skin="none">Cool Button</Button>
```
```js
<Button skin="segmented">Cool Button</Button>
```
```js
<Button skin="segmented-active">Cool Button</Button>
```
```js
<Button skin="segmented-active-accent">Cool Button</Button>
```
```js
<Button skin="list-item">Cool Button</Button>
```
```js
<Button skin="list-item-danger">Cool Button</Button>
```
```js
<Button skin="list-item-success">Cool Button</Button>
```
```js
<Button skin="link">Cool Button</Button>
```
```js
<S default={<P background="default" vertical="2" horizontal="2" />}>
  <Button skin="link-white">Cool Button</Button>
</S>
```

```js
<Button skin="fillall">Cool Button</Button>
```