https://github.com/parthmodi23/react-native-ui-lib

react-native-ui-lib is the npm library that provides you Check-box and Radio-button for the react native, this is just a beginning of the library and i will add more UI component to this package.
https://github.com/parthmodi23/react-native-ui-lib

android checkbox ios npm-package radio-buttons reactnative ui uikit

Last synced: about 1 month ago
JSON representation

react-native-ui-lib is the npm library that provides you Check-box and Radio-button for the react native, this is just a beginning of the library and i will add more UI component to this package.

• Host: GitHub
• URL: https://github.com/parthmodi23/react-native-ui-lib
• Owner: parthmodi23
• Created: 2024-06-29T14:04:30.000Z (5 months ago)
• Default Branch: update
• Last Pushed: 2024-07-07T05:06:44.000Z (4 months ago)
• Last Synced: 2024-09-29T15:43:03.323Z (about 2 months ago)
• Topics: android, checkbox, ios, npm-package, radio-buttons, reactnative, ui, uikit
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/react-native-newui-lib
• Size: 22.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-native-newui-lib

A React Native UI library providing Checkbox and RadioButton components.

## Installation

You can install this package via npm. Make sure you have `react` and `react-native` installed in your project as peer dependencies.

```sh

npm install react-native-newui-lib;

```

## Checkbox

```sh

import React from 'react';

import { View } from 'react-native';

import { Checkbox } from 'react-native-newui-lib';

const App = () => {

  const [checked, setChecked] = React.useState(false);

  const handleCheckboxChange = (newValue) => {

    setChecked(newValue);

    // Handle checkbox state change

  };

  return (

    

      

    

  );

};

export default App;

```

## RadioButton

```sh

import React from 'react';

import { View } from 'react-native';

import { RadioButton } from 'react-native-newui-lib';

const App = () => {

  const [selectedOption, setSelectedOption] = React.useState(null);

  const handleRadioButtonChange = (option) => {

    setSelectedOption(option);

    // Handle radio button selection

  };

  return (

    

      

      

    

  );

};

export default App;

```

## Props

#### Checkbox Componenet Props

    * `label` (string): Label text for the checkbox.

    * `value`(boolean): Current state of the checkbox (true for checked, false for unchecked).

    * `onValueChange` (function): Callback function to handle state change of the checkbox.

    * `containerStyle` (object, optional): Custom styles for the container TouchableOpacity.

    * `checkboxStyle` (object, optional): Custom styles for the checkbox View.

    * `labelStyle` (object, optional): Custom styles for the label Text.

#### RadioButton Component Props

    * `label` (string): Label text for the radio button.

    * `selected` (boolean): Whether the radio button is selected.

    * `onValueChange` (function): Callback function invoked when radio button selection changes.

    * `containerStyle` (object, optional): Custom styles for the container TouchableOpacity.

    * `checkboxStyle` (object, optional): Custom styles for the radio button View.

    * `labelStyle` (object, optional): Custom styles for the label Text.

## License

This project is licensed under the MIT License.