@arelstone/react-native-email-chip
v2.5.4
Published
React Native component to display a list of emails as editable chips
Downloads
171
Maintainers
Readme
@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={['[email protected]', '[email protected]']}
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.