1.0.2 • Published 4 years ago
react-native-chip-input v1.0.2
React Native Chip Input
This is like material ui chip input for react native.
How it work
Props
All React Native TextInput props are acceptable as it is.
| Name | Type | Usage |
|---|---|---|
variant | contained outlined | By default the chip variant is outlined |
inputVariant | contained outlined standard | By default TextInput variant is outlined |
size | large medium small | By default the chip size is medium |
showChipIcon | true false | By default it is false |
iconName | close | By default it has icon name value as close. It accepts all material design icons |
chipIconAction | function | By default it perform delete action. You can pass your own actions |
primaryColor | string hex | Acts based upon chip variant |
secondaryColor | string hex | Acts based upon chip variant |
inputStyle | * | Accepts style object as parameter for TextInput style |
placeholderStyle | * | Accepts style object for placeholder in TextInput |
inputTextStyle | * | Accepts style object for input value in TextInput |
Example
import React from 'react';
import ReactNativeChipInput from 'react-native-chip-input';
const App = () => {
return (
<ReactNativeChipInput
variant="contained"
inputVarint="outlined"
showChipIcon={true}
chipIconAction={e => console.log(e)}
label="email"
placeholder="email"
primaryColor="#1976d2"
secondaryColor="#ffffff"
autoCapitalize="none"
autoCorrect={false}
autoFocus={true}
/>
);
}
export default App;