@arelstone/react-native-email-chip
TypeScript icon, indicating that this package has built-in type declarations

2.5.4 • Public • Published

@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.

Dependencies (0)

    Dev Dependencies (8)

    Package Sidebar

    Install

    npm i @arelstone/react-native-email-chip

    Weekly Downloads

    9

    Version

    2.5.4

    License

    MIT

    Unpacked Size

    24.9 kB

    Total Files

    16

    Last publish

    Collaborators

    • arelstone