@rocketsofawesome/mirage
Version:
[Live Demo of the Pattern Library](https://rocketsofawesome.github.io/mirage/)
28 lines (27 loc) • 914 B
Markdown
## Default
```js
<div style={{display: 'flex'}}>
<CheckboxButton name='gender' value='boys'>Boys</CheckboxButton>
<CheckboxButton name='gender' value='girls'>Girls</CheckboxButton>
</div>
```
## Square
```js
<div style={{display: 'flex'}}>
<CheckboxButton name='color' value='blue' shape='square'>ANIMAL PRINTS A LOT OF CONTENT</CheckboxButton>
<CheckboxButton name='color' value='green' shape='square'>Green</CheckboxButton>
</div>
```
## Rectangular
```js
<CheckboxButton name='name' value='bart' shape='rectangle'>Bart</CheckboxButton>
<Padding y='sm' />
<CheckboxButton name='name' value='lisa' shape='rectangle'>Lisa</CheckboxButton>
```
## Circular
```js
<div style={{display: 'flex'}}>
<CheckboxButton name='lunch' value='sandwich' shape='circle'>Sandwich</CheckboxButton>
<CheckboxButton name='lunch' value='salad' shape='circle'>Salad</CheckboxButton>
</div>
```