Nightly Patch Machine

    react-native-sonwan-test

    1.0.1 • Public • Published

    react-native-checkbox-lite

    A liteweight checkbox component for react native. It works on Android, iOS and Expo web. No dependency installation required.

    📘 Installation:

    Install the component through npm using:

    npm i react-native-checkbox-lite
    

    🔬 Example:

    import React from 'react';
    import { StyleSheet, View } from 'react-native';
    
    import CheckBox from 'react-native-checkbox-lite';
    
    export default function App() {
    
      const [isChecked, setIsChecked] = React.useState(true);
    
      function toogleCheckBox() {
        setIsChecked(!isChecked);
      }
    
      return (
        <View style={styles.container}>
          <CheckBox text={'CheckBox Text'} isChecked={isChecked} onPress={toogleCheckBox} checkBoxColor={'#2980b9'} />
        </View>
      );
    }
    
    const styles = StyleSheet.create({
      container: {
        flex: 1,
        backgroundColor: '#fff',
        alignItems: 'center',
        justifyContent: 'center',
      },
    });

    API

    Props Type Optional Default Description
    style StyleSheet style true Style object of checkbox container
    checkBoxSize int true 24 Pixel size of checkbox image
    checkBoxColor string true #000 Hex color code of checkbox image
    isChecked bool true false Checkbox checked state
    onPress function true Callback function when pressed
    text string true Checkbox Text Text that will be displayed along the checkbox
    textStyle StyleSheet style true Style object of the text

    🔧 Issues

    Issues are welcome. Please create a new issue under the issues tab.

    MIT Licensed

    Install

    npm i react-native-sonwan-test

    DownloadsWeekly Downloads

    1

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    142 kB

    Total Files

    12

    Last publish

    Collaborators

    • webrangeriit