react-native-checkbox-group
Version:
React native checkbox group component
57 lines (51 loc) • 2.02 kB
Markdown
group component
```sh
npm install --save react-native-checkbox-group
```
```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"}
/>
```

| 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
React native checkbox