@rocketsofawesome/mirage/src/components/inputs/Buttons/Button/WhiteBorderButton.md

[Live Demo of the Pattern Library](https://rocketsofawesome.github.io/mirage/)

```js
<div style={{backgroundColor: '#666', padding: '20px'}}>
  <WhiteBorderButton width='150px'>Click Me!</WhiteBorderButton>
</div>
```

## Loading
```js
<WhiteBorderButton loading width='150px'>Click Me!</WhiteBorderButton>
```

## Selected
```js
<WhiteBorderButton selected width='150px'>Click Me!</WhiteBorderButton>
```
## Selected with Checkmark
```js
<WhiteBorderButton selected showCheckmark width='150px'>Click Me!</WhiteBorderButton>
```

## Disabled
```js
<WhiteBorderButton disabled width='150px'>Click Me!</WhiteBorderButton>
```