npmpackage.info

react-native-chips

React Native component inspired by material design chips

2.4.0

MIT

JavaScript

888.33 kB

13,916 3

Installations

npm install react-native-chips

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

10.16.3

NPM Version

6.9.0 Score

69.6

Supply Chain

80.1

Quality

75.7

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

0

Total

2

Closed

0

Merged

2

Issues

Open

1

Total

3

Closed

2

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View All 3 Contributors

Languages

JavaScript

JavaScript (100%)

validate.email 🚀

Verify real, reachable, and deliverable emails with instant MX records, SMTP checks, and disposable email detection.

Developer

ramprasath25

Download Statistics

Total Downloads

13,916

Last Day

Last Week

Last Month

Last Year

968

GitHub Statistics

MIT License

8 Stars

34 Commits

6 Forks

2 Watchers

1 Branches

3 Contributors

Updated on Oct 13, 2023

Maintainers

Package Meta Information

Latest Version

2.4.0

Package Id

react-native-chips@2.4.0

Unpacked Size

888.33 kB

Size

730.90 kB

File Count

NPM Version

6.9.0

Node Version

10.16.3

Total Downloads

Cumulative downloads

Total Downloads

13,916

Last Day

-33.3%

Compared to previous day

Last Week

-25%

Compared to previous week

Last Month

-19.2%

Compared to previous month

Last Year

-51.5%

968

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

No dependencies detected.

React Native Chips

A React Native component which is used to represent array of text. Inspired from material design chips

Getting Started

npm i react-native-chips --save

Usage

import ReactChipsInput from 'react-native-chips';

< ReactChipsInput 
    label="Enter Fruits" initialChips={["Apple", "Orange"]} 
    onChangeChips={(chips) => console.log(chips)} 
    alertRequired={true} 
    chipStyle={{ borderColor: 'blue', backgroundColor: 'grey' }} 
    inputStyle={{fontSize: 22}} 
    labelStyle={{ color: 'blue'}} 
    labelOnBlur={{ color: '#666' }} />

Properties

name	description	type	default
label	Placeholder for the Text input	String	'Enter your text'
initialChips	Initial Chips to be present	Array	-
onChangeChips	To get the value of chips in array	Function	-
alertRequired	To trigger alert on adding and removing chips	Boolean	false
chipStyle	Changing the style of chip elements	Style Object	-
inputStyle	Changing the style of input Text box	Style Object	-
labelStyle	Changing the style of label inside the text box	Style Object	-
labelOnBlur	Changing the style of label when focused	Style Object	-

Sample

demo demo_with_alert

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

react-native-chips is MIT License @ Ramprasath R

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

10

License

Determines if the project has defined a license.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

Score

3

/10

Last Scanned on 2025-02-17

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to react-native-chips

react-native-chips-input

1.1.0

An easy to use custom chips input component that can be used for both react and react native

react-native-sectioned-multi-select

0.10.0

a multi (or single) select component with support for sub categories, search, chips.

react-native-chip

3.1.0

React navite component to represent a list with different functionalities on a chip view base on react-native-chips

react-native-chips-ui

1.0.3

A react native chip library to create easy to use custoizable chips