0.0.1 • Published 1 year ago

react-native-custom-checkboxv1 v0.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
1 year ago

React-Native Custom Checkbox

Installation: npm install react-native-custom-checkbox --save

Example:

import CheckBox from 'react-native-custom-checkbox'; <Checkbox onValueChange={checked} width={25} height={25} label={'Apple'} disabled={false} icon={Right_PNG} IconWidth={15} IconHeight={15} borderWidth={1} borderRadius={2} fontSize={14} paddingLeft={10} tintColor={'#FFFFFF'} backgroundColor={'#0070E0'} />

Props:

onValueChange:onValueChange callback that updates the value prop in order for the component to reflect user actions width:The width property sets the width of an element. height:The height property sets the height of an element. label: text that will be displayed along the checkbox disabled:checkbox input active/inactive state icon:custom check icon IconWidth=set Icon width IconHeight=set Icon height borderWidth=set checkbox border width borderRadius:radius of checkbox border fontSize=set label size paddingLeft: distance with check to label tintColor:Chnage color of icon backgroundColor=Chnage background color of checkbox