Customizable Checkbox Card in React Native

A customizable and animated built-in check state integration for React Native.

Install & Import:

# Yarn
$ yarn add react-native-checkbox-card

# NPM
$ npm i react-native-checkbox-card –save

import RNCheckboxCard from “react-native-checkbox-card”;

Basic Usage:

<RNCheckboxCard
  text="reactscript"
  onPress={(checked: boolean) => console.log("Checked: ", checked)}
/>

Default props:

text: string;
width?: number;
height?: number;
quantity?: string;
darkMode?: boolean;
isChecked?: boolean;
circleSize?: number;
ImageComponent?: any;
borderRadius?: number;
backgroundColor?: string;
checkedTextColor?: string;
circleBorderColor?: string;
circleBorderRadius?: number;
uncheckedTextColor?: string;
enableQuantityText?: boolean;
circleBackgroundColor?: string;
checkImageSource?: ISource;
sortIconImageSource?: ISource;
textStyle?: any;
quantityTextStyle?: any;
rightIconComponent?: React.ReactElement;
checkIconComponent?: React.ReactElement;
onPress: (checked: boolean) => void;

Preview:

Download Details:

Author: WrathChaos

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/WrathChaos/react-native-checkbox-card

License: MIT

#react-native #react #reactjs