# CheckBox

Generic checkbox component to display checked value

```js
import CheckBox from 'deepsight-react-components/CheckBox';

return <CheckBox ... />
```

## Props

| prop              | type      | required | default      | description                                                            |
|:------------------|:----------|:--------:|:-------------|:-----------------------------------------------------------------------|
| `shape`           | `string`  | `false`  | `round`      | The shape of the checkbox, round => radio button / square => checkbox  |
| `margin`          | `string`  | `false`  | `null`       | When set, custom string to set dynamic margin on checkbox              |
| `noSize`          | `boolean` | `false`  | `false`      | Custom property to not use preset size of 42px !important on container |
| `isChecked`       | `boolean` |  `true`  |              | The value if checkbox is check or not                                  |
| `isDisabled`      | `boolean` | `false`  | `false`      | Boolean to set disable checkbox                                        |
| `isSmallCheck`    | `boolean` | `false`  | `false`      | Set to true to use small check inside box                              |
| `isValidation`    | `boolean` | `false`  | `false`      | Set to true to use validation style of checkbox                        |
| `isDisableBorder` | `boolean` | `false`  | `false`      | When set, disable border of checkbox                                   |
| `handleClick`     | `func`    | `false`  | `() => true` | A function to handle action on click of checkbox                       |
| `isDark`            | `boolean` | `false`  | `false`      | A boolean to set check to black icon                                   |
| `isDisabledLight` | `boolean` | `false`  | `false`      | A boolean to set disable with a light background                                  |