1.0.1 • Published 3 years ago
@dayladau/rn-round-checkbox v1.0.1
React Native Round Checkbox
Pure js, lightweight checkbox styled as in iOS. Depends on react-native-vector-icons
install
npm i --save @dayladau/rn-round-checkbox
Usage
import RoundCheckbox from 'rn-round-checkbox';
<RoundCheckbox
size={24}
checked={this.state.isSelected}
onValueChange={(newValue) => {console.log(newValue)}}
/>Props
| Property | Type | Default | Description |
|---|---|---|---|
| icon | string | ios-checkmark | name of icon (from Ionicons) in the checkbox |
| backgroundColor | string | '#007AFF' | background color when checked |
| size | number | 24 | icon size |
| iconColor | string | 'white' | icon color |
| borderColor | string | 'grey' | border color |
| checked | boolean | false | checked |
| onValueChange | function | function called on change with new value | |
| style | object | {} | overwrite styles that are passed to the parent |
License: MIT