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;