This is a highly customizable input field, that can create an input field of text, email, and password.

The component can be customized using the props below:

• iconComponent - icon component that will be shown on the left side of the input

  • Object

• imageLeftPadding - icon component's left padding

  • Default - 10
  • Number

• imageRightPadding - icon component's right padding

  • Default - 10
  • Number

• onChange - function executing when input's value is changed

  • Function

• type - determines the type of an input field, which can be text, email, or password. To pass the correct type, please use one of the TEXTFIELD_TYPE attributes. TEXTFIELD_TYPES are located in src/constants/constants.js file

  TEXTFIELD_TYPE = {
  	NORMAL: 1,
  	PASSWORD: 2,
  	EMAIL: 3,
  };
  

• Example:

  <GenericInputField
  	iconComponent={<PasswordIcon height={15} width={11} />}
  	imageLeftPadding={20}
  	imageRightPadding={12}
  	placeholder={'Password'}
  	type={TEXTFIELD_TYPE.PASSWORD}
  	value={password}
  	onChange={(text) => setPassword(text)}
  />
  

  • src/screens/Registration/Registration.js