# react-native-checkbox-group
React native checkbox group component

### Install :
```sh
npm install --save react-native-checkbox-group
```
### Example usage :
```javascript
import CheckboxGroup from 'react-native-checkbox-group'

<CheckboxGroup
              callback={(selected) => { console.log(selected) }}
              iconColor={"#00a2dd"}
              iconSize={30}
              checkedIcon="ios-checkbox-outline"
              uncheckedIcon="ios-square-outline"
              checkboxes={[
                {
                  label: "first", // label for checkbox item
                  value: 1, // selected value for item, if selected, what value should be sent?
                  selected: true // if the item is selected by default or not.
                },
                {
                  label: "second",
                  value: 2
                },
              ]}
              labelStyle={{
                color: '#333'
              }}
              rowStyle={{
                flexDirection: 'row'
              }}
              rowDirection={"column"}
            />
```

![react-native-checkbox-group](https://raw.githubusercontent.com/ataomega/react-native-checkbox-group/master/screenshot.png)

### Props:
| Prop | Type | Description |
| ------ | ------ | ------ |
| callback | Function | whenever user selects or changes selections it will be called. |
| iconColor | String | icon color for checked/unchecked icons and search icon also border color of search bar |
| iconSize | Integer | icon size for checked/unchecked icons |
| checkedIcon | String | selected/checked icon name (react-native-vector-icons/Ionicon) |
| uncheckedIcon | String | unselected/unchecked icon name (react-native-vector-icons/Ionicon) |
| checkboxes | Object | checkboxes. see the example. |
| labelStyle | Object | styles for checkbox label |
| rowStyle | Object | styles for each checkbox |
| rowDirection | String | column or row. how to list checkboxes |

### Author:
Ata S.Mohammadi.
ataomega@gmail.com