# Checkbox

Checkboxes allow the user to select one or more items from a set.

```jsx
import { Checkbox } from '../components'

<Checkbox 
  status={'checked'}
  onPress={(state) => !state}
  color={colors.primary}
/>
```

CheckBoxes can be checked or disabled.

```jsx
import { Checkbox } from '../components'

<Checkbox 
  status={'unchecked'}
  onPress={(state) => !state}
  color={colors.primary}
  disabled
/>
```

## Properties

| Name     | Type                       | Description                                    |
| -------- | -------------------------- | ---------------------------------------------- |
| status   | `string`                   | Can be `checked`, `unchecked`                  |
| onPress  | `(status: string) => void` | Called when checkbox should switch it's value. |
| color    | `string`                   | Changes a color of the checkbox.               |
| disabled | `bool`                     | Makes the checkbox disabled.                   |