Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/arelstone/react-native-email-chip
A simple yet customizable component to display a chip list of emails
https://github.com/arelstone/react-native-email-chip
android chip component email ios javascript native react-native react-native-component ui
Last synced: 22 days ago
JSON representation
A simple yet customizable component to display a chip list of emails
- Host: GitHub
- URL: https://github.com/arelstone/react-native-email-chip
- Owner: arelstone
- Created: 2020-02-14T14:44:45.000Z (almost 5 years ago)
- Default Branch: develop
- Last Pushed: 2024-02-01T02:48:56.000Z (11 months ago)
- Last Synced: 2024-11-07T18:57:01.587Z (about 2 months ago)
- Topics: android, chip, component, email, ios, javascript, native, react-native, react-native-component, ui
- Language: TypeScript
- Homepage: https://github.com/arelstone/react-native-email-chip
- Size: 36.3 MB
- Stars: 23
- Watchers: 2
- Forks: 4
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-react-native - react-native-email-chip ★8 - A simple yet customizable component to display a chip list of emails (Components / Navigation)
- awesome-react-native - react-native-email-chip ★8 - A simple yet customizable component to display a chip list of emails (Components / Navigation)
README
# @arelstone/react-native-email-chip
A simple yet very customizable component to display a chip list of emails![](https://flat.badgen.net/npm/dy/@arelstone/react-native-email-chip)
![](https://flat.badgen.net/npm/v/@arelstone/react-native-email-chip)
![](https://flat.badgen.net/npm/types/@arelstone/react-native-email-chip)
![](https://flat.badgen.net/github/open-issues/arelstone/react-native-email-chip)
![](https://flat.badgen.net/github/open-prs/arelstone/react-native-email-chip)![@arelstone/react-native-email-chip](https://github.com/arelstone/react-native-email-chip/blob/master/docs/example.png?raw=true)
## Install
```js
npm install @arelstone/react-native-email-chip
// or
yarn add @arelstone/react-native-email-chip
```## Usage
```jsx
import EmailChipInput from '@arelstone/react-native-email-chip';this.setState({emails})}
/>
```## Props
| Name | Type | Default |
| ------------------------------- | ----------------------------------------------- | ------------------------- |
| entries | string[] | [] |
| onSubmit | string[] => void | |
| label (optional) | ReactElement | |
| delimiters (optional) | string[] | [',', ';', ' '] |
| keyboardAppearance (optional) | default, light, dark | default |
| keyboardAppearance (optional) | never, while-editing, unless-editing, always | while-editing |
| placeholder (optional) | string | Start by typing an email |
| autoCapitalize (optional) | none, sentences, words, characters | none |
| autoCorrect (optional) | boolean | true |
| autoFocus (optional) | boolean | true |
| blurOnSubmit (optional) | boolean | false |
| chipImage (optional) | ReactElement | |
| placeholderTextColor (optional) | ViewStyle | |
| containerStyle (optional) | ViewStyle | |
| chipContainerStyle (optional) | ViewStyle | |
| chipTextStyle (optional) | TextStyle | |
| inputContainerStyle (optional) | ViewStyle | |
| inputStyle (optional) | ViewStyle | |
| TextInputProps (optional) | TextInputProps | |
| keyboardType (optional) | KeyboardTypeOptions | email-address |## Contributing
If you find a feature missing or discover an issue pull requests are very very welcome.