A simple customizable component to display a chip list of emails for react nativ...
source link: https://reactnativeexample.com/a-simple-customizable-component-to-display-a-chip-list-of-emails-for-react-native/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
@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 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.
GitHub
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK