https://github.com/vonovak/react-native-round-checkbox

iOS-styled round checkbox for RN
https://github.com/vonovak/react-native-round-checkbox

checkbox ios react-native

Last synced: over 1 year ago
JSON representation

iOS-styled round checkbox for RN

• Host: GitHub
• URL: https://github.com/vonovak/react-native-round-checkbox
• Owner: vonovak
• Created: 2016-08-14T22:49:50.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2020-05-25T18:08:09.000Z (about 6 years ago)
• Last Synced: 2024-04-27T16:03:39.327Z (about 2 years ago)
• Topics: checkbox, ios, react-native
• Language: JavaScript
• Homepage:
• Size: 51.8 KB
• Stars: 30
• Watchers: 5
• Forks: 13
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

          
# React Native Round Checkbox

Pure js, lightweight checkbox styled as in iOS. Depends on `react-native-vector-icons`

### install

`npm i --save rn-round-checkbox`

### Usage

`import RoundCheckbox from 'rn-round-checkbox';`

![Example 1](https://raw.githubusercontent.com/vonovak/react-native-round-checkbox/master/image.png 'Example 1')

```

 {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