@rocketsofawesome/mirage/src/components/inputs/Checkbox/Checkbox.md

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

```js
<Checkbox input={{
  checked: true
}}>
    Example Checkbox Checked
  </Checkbox>
```

```js
<Checkbox>
    Example Checkbox Unchecked
  </Checkbox>
```

```js
<Checkbox
  width='1.5rem'>
    Resized Example Checkbox
  </Checkbox>
```

```js
<Checkbox
  width='1.5rem'
  input={{
    checked: true
  }}>
    Resized Example Checkbox
  </Checkbox>
```

### Checkbox with different label color
```js
<Checkbox
  labelColor='rocketBlue'
  width='1.5rem'
  input={{
    checked: true
  }}>
    Rocket blue checkbox label
</Checkbox>
```

### Checkbox with different checkbox colors
```js
<Checkbox
  borderColor='red'
  checkColor='red'
  fillColor='yellow'
  labelColor='rocketBlue'
  width='5rem'
  >
  Rocket blue checkbox label
</Checkbox>
```