@arelstone/react-native-email-chip

@arelstone/react-native-email-chip

A simple yet very customizable component to display a chip list of emails

Install

npm install @arelstone/react-native-email-chip
// or
yarn add @arelstone/react-native-email-chip

Usage

import EmailChipInput from '@arelstone/react-native-email-chip';

<EmailChipInput
    entries={['[e-mail]', '[e-mail]']}
    onSubmit={(emails: string[])=> 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.