All Projects â†’ vonovak â†’ React Native Round Checkbox

vonovak / React Native Round Checkbox

iOS-styled round checkbox for RN

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Native Round Checkbox

Examples Gtkmm
Shows how to use Gtkmm controls by programming code (c++17).
Stars: ✭ 23 (-14.81%)
Mutual labels:  checkbox
Vxe Table
🐬 vxe-table vue 表格解决方案
Stars: ✭ 4,242 (+15611.11%)
Mutual labels:  checkbox
Css Checkbox Library
A huge library of Pure CSS Checkboxes for every taste.
Stars: ✭ 679 (+2414.81%)
Mutual labels:  checkbox
react-native-checkbox-heaven
Checkbox component for ReactNative
Stars: ✭ 21 (-22.22%)
Mutual labels:  checkbox
Lthradiobutton
A radio button with a pretty animation
Stars: ✭ 303 (+1022.22%)
Mutual labels:  checkbox
Checkbox.css
☑️ Tiny set of pure CSS animations for your checkbox input. https://720kb.github.io/checkbox.css/
Stars: ✭ 478 (+1670.37%)
Mutual labels:  checkbox
react-super-treeview
👏 Finally, a React Treeview component which is customizable on every level
Stars: ✭ 98 (+262.96%)
Mutual labels:  checkbox
Form Js
Easily create web forms. Supports Meteor, AngularJS, React, Polymer and any CSS library, e.g. Bootstrap.
Stars: ✭ 9 (-66.67%)
Mutual labels:  checkbox
Ngx Treeview
An Angular treeview component with checkbox
Stars: ✭ 312 (+1055.56%)
Mutual labels:  checkbox
Bootstrap Switch
Turn checkboxes and radio buttons in toggle switches.
Stars: ✭ 5,132 (+18907.41%)
Mutual labels:  checkbox
Examples Win32
Shows how to use Win32 controls by programming code (c++17).
Stars: ✭ 22 (-18.52%)
Mutual labels:  checkbox
Laravel Recaptcha
Google ReCaptcha package for Laravel
Stars: ✭ 273 (+911.11%)
Mutual labels:  checkbox
Switch
🐰 A simple and powerful switch for checkbox.
Stars: ✭ 492 (+1722.22%)
Mutual labels:  checkbox
checkbox.sh
Interactive checkboxes (menu) with pagination and vim keybinds for bash
Stars: ✭ 26 (-3.7%)
Mutual labels:  checkbox
Aiflatswitch
Nicely animated flat design switch alternative to UISwitch
Stars: ✭ 904 (+3248.15%)
Mutual labels:  checkbox
CCheckbox-iOS
CCheckbox is a custom UIView which represents custom checkbox component with custom images
Stars: ✭ 28 (+3.7%)
Mutual labels:  checkbox
Xamarin.forms.inputkit
CheckBox, Radio Button, Labeled Slider, Dropdowns etc.
Stars: ✭ 372 (+1277.78%)
Mutual labels:  checkbox
Prompt Checkbox
This repository has been archived, use Enquirer instead.
Stars: ✭ 21 (-22.22%)
Mutual labels:  checkbox
Inquirer Checkbox Plus Prompt
Checkbox with autocomplete and other additions for Inquirer
Stars: ✭ 25 (-7.41%)
Mutual labels:  checkbox
Formbase
Better default styles for common input elements.
Stars: ✭ 560 (+1974.07%)
Mutual labels:  checkbox

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

<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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].