English | 中文
CheckBoxes allow users to complete tasks that involve making choices such as selecting options, or switching settings on or off.
npm install @rn-components-kit/checkbox --save
Preview | Code |
---|---|
![]() ![]() |
Demo1 Code |
![]() ![]() |
Demo2 Code |
![]() |
Demo3 Code |
![]() ![]() |
Demo4 Code |
style
title
titleStyle
iconSize
disabled
checked
checkedIconType
checkedIconColor
checkedImage
unCheckedIconType
unCheckedIconColor
unCheckedImage
animationType
onPress
Allow you to customize style
Type | Required | Default |
---|---|---|
object | no | - |
Title of checkbox
Type | Required | Default |
---|---|---|
string | yes | - |
Allows you to customize title's style
Type | Required | Default |
---|---|---|
object | no | - |
Size of icon (or width and height for image, if you specify checkedImage/unCheckedImage)
Type | Required | Default |
---|---|---|
number | no | 20 |
Determines whether checkbox is available
Type | Required | Default |
---|---|---|
boolean | no | false |
Flag for checking the icon
Type | Required | Default |
---|---|---|
boolean | no | false |
Checked icon (Icon Preset)
Type | Required | Default |
---|---|---|
string | no | 'check-square-fill' |
Color of checked icon
Type | Required | Default |
---|---|---|
string | no | '#1890FF' |
If you are not satisfied with icon preset, you can specify an image for checked icon
Type | Required | Default |
---|---|---|
string | no | - |
UnChecked icon (Icon Preset)
Type | Required | Default |
---|---|---|
string | no | 'border' |
Color of unChecked icon
Type | Required | Default |
---|---|---|
string | no | '#BFBFBF' |
If you are not satisfied with icon preset, you can specify an image for unChecked icon
Type | Required | Default |
---|---|---|
string | no | - |
Determines which animation is adpoted when checked value changes
- none: no animation
- opacity: fade in/out
- size: zoom in/out
Type | Required | Default |
---|---|---|
enum('none' , 'opacity' , 'size' ) |
no | 'opacity' |
() => void
A callback will be triggered when checkbox is pressed
Type | Required | Default |
---|---|---|
function | no | () => {} |