@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={['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.