0.0.1 • Published 1 year ago
react-native-checkbox-custom-new v0.0.1
React-Native Custom Checkbox
A custom checkbox component for React Native that supports setting a custom image or component as the checkbox new.
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 box 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
Authors
Color Reference
Color | Hex |
---|---|
Black Color | #0a192f |
Green Color | #00b48a |
Instalation
Install the package via npm:
npm install react-native-checkbox-custom-new --save
Features
- Fullscreen mode
- Cross platform
- Easy to use
- Easy manage the ui like box/ circle
Usage/Examples
import CustomCheckBox from 'react-native-checkbox-custom-new';
function App() {
return <CustomCheckBox
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'} />
}
Tech Stack
Client: React, React-Native, Vue js
🚀 About Me
I'm a React and React-Native developer...
0.0.1
1 year ago