Skip to content

arelstone/react-native-email-chip

Repository files navigation

@arelstone/react-native-email-chip

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

@arelstone/react-native-email-chip

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={['john@doe.com', 'jane@doe.com']}
    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.