npmpackage.info

Gathering detailed insights and metrics for react-native-bouncy-checkbox-group-srbrahma

react-native-bouncy-checkbox-group-srbrahma - 0.1.1 | npmpackage.info

react-native-bouncy-checkbox-group-srbrahma

Fully customizable bouncy checkbox group for React Native

0.1.1

MIT

TypeScript

104.05 kB

Installations

npm install react-native-bouncy-checkbox-group-srbrahma

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

16.13.0

NPM Version

8.1.0 Pull Requests

Open

0

Total

2

Closed

0

Merged

2

Issues

Open

0

Total

16

Closed

16

Releases

2.0.0 🚀

2.0.0

Updated on May 08, 2025

1.0.0 Breaking Change ⚠️

1.0.0

Updated on Apr 19, 2024

Version 0.1.1

0.1.1

Updated on Aug 26, 2022

First Release 😇

0.1.0

Updated on Oct 09, 2021

View All 4 releases

Languages

TypeScript

JavaScript

Shell

TypeScript (82.86%)

JavaScript (16.17%)

Shell (0.97%)

Developer

WrathChaos

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

28 Stars

25 Commits

9 Forks

2 Watchers

1 Branches

3 Contributors

Updated on May 12, 2025

Maintainers

View All 3 Contributors

Package Meta Information

Latest Version

0.1.1

Package Id

react-native-bouncy-checkbox-group-srbrahma@0.1.1

Unpacked Size

104.05 kB

Size

14.91 kB

File Count

NPM Version

8.1.0

Node Version

16.13.0

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

react-native-bouncy-checkbox

Dev Dependencies

@types/react @types/react-native react-native-typescript-transformer typescript @react-native-community/eslint-config eslint eslint-config-airbnb husky lint-staged prettier

React Native Bouncy Checkbox Group

Installation

Add the dependency:

1npm i react-native-bouncy-checkbox-group

Peer Dependencies

IMPORTANT! You need install them

1"react-native-bouncy-checkbox": ">= 2.1.5"

Usage

Import

1import BouncyCheckboxGroup, {
2  ICheckboxButton,
3} from "react-native-bouncy-checkbox-group";

Fundamental Usage

1<BouncyCheckboxGroup
2  data={staticData}
3  onChange={(selectedItem: ICheckboxButton) => {
4    console.log("SelectedItem: ", JSON.stringify(selectedItem));
5  }}
6/>

Vertical Usage

1<BouncyCheckboxGroup
2  data={verticalStaticData}
3  style={{ flexDirection: "column" }}
4  onChange={(selectedItem: ICheckboxButton) => {
5    console.log("SelectedItem: ", JSON.stringify(selectedItem));
6  }}
7/>

Data Format

You MUST follow this data format as ICheckboxButton

1[
2  {
3    id: 0,
4  },
5  {
6    id: 1,
7  },
8  {
9    id: 2,
10  },
11  {
12    id: 3,
13  },
14];

Example Project 😍

You can checkout the example project 🥰

Simply run

npm i
react-native run-ios/android

should work of the example project.

Configuration - Props

Fundamentals

Property	Type	Default	Description
data	ICheckboxButton[]	undefined	set the checkboxes as a data
onChange	function	undefined	set your own logic when the group of checkbox is selected
checkboxProps	IBouncyCheckboxProps	undefined	default props for all checkboxes

Customization (Optionals)

React Native Bouncy Checkbox Customizations

You can use all of the customiztion options from the rn bouncy checkbox. You NEED to add the styling and props into the data. Therefore, you can customize each of the checkboxes easily.

Future Plans

~~LICENSE~~
Write an article about the lib on Medium

Author

FreakyCoder, kurayogun@gmail.com

License

React Native Bouncy Checkbox Group is available under the MIT license. See the LICENSE file for more info.

No vulnerabilities found.

No security vulnerabilities found.