Skip to content

hoscahmet/react-native-checkbox-circle

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 

Repository files navigation

This is just basic npm library

Installation

Use the package manager npm to install react-native-checkbox-circle.

npm i react-native-checkbox-circle

Usage

import CircleCheckBox, {LABEL_POSITION} from 'react-native-checkbox-circle';  
   
<CircleCheckBox
  checked={true}
  onToggle={(checked) => console.log('My state is: ', checked)}
  labelPosition={LABEL_POSITION.RIGHT}
  label="Checkbox example"
/>
checked : initial state of checkbox. Default: false
onToggle : function that will be invoked by pressing to checkbox with checked property as argument.
outerSize : Diameter of outer circle. Minimum: 10, default: 26
filterSize : Diameter of underlayer circle. Minimum: 7, default: 23
innerSize : Diameter of flag. Minimum: 2, default: 18
outerColor : Color of outer circle. Default: #FC9527
filterColor : Color of underlayer circle. Default: #FFF
innerColor : Color of flag. Default: #FC9527
label : Checkbox label. Default: empty
labelPosition : Label rendering position. Default: right, may be 'right' or 'left'. For your convenience this package exports LABEL_POSITION object with two keys - RIGHT and LEFT. You can use it for labelPosition definition.
styleCheckboxContainer: Styles for checkbox container.
styleLabel: Styles for label.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published