OutlineButton example:

```js
<OutlineButton onClick={() => {alert('clicked')}}>click me!</OutlineButton>{' '}
<OutlineButton color="primary" onClick={() => {alert('clicked')}}>click me!</OutlineButton>{' '}
```
```js
<div style={{backgroundColor: '#e10078', padding: '20px'}}>
	<OutlineButton color="white" onClick={() => {alert('clicked')}}>click me!</OutlineButton>{' '}
</div>
```


OutlineButton with spinner:
```js
<OutlineButton loading>click me!</OutlineButton>{' '}
<OutlineButton color="primary" loading>click me!</OutlineButton>
```
```js
<div style={{backgroundColor: '#e10078', padding: '20px'}}>
	<OutlineButton color="white" loading>click me!</OutlineButton>
</div>
```



OutlineButton with tick:
```js
<OutlineButton tick>Saved</OutlineButton>{' '}
<OutlineButton color="primary" tick>Saved</OutlineButton>{' '}
```
```js
<div style={{backgroundColor: '#e10078', padding: '20px'}}>
	<OutlineButton color="white" tick>Saved</OutlineButton>{' '}
</div>
```