React-native-inputtext-roundconner NPM

React Native Email and Password Input Components

This repository contains reusable React Native components for handling email and password input fields. The components provide features like validation, show/hide password functionality, and customizable styling.

Components

1. `EmailInputText`

A component for handling email input. It includes:

Email validation
Customizable title, placeholder, and styles
Conditional styling based on email validity and editability
Show/hide password functionality (optional)

Usage Example:

import { EmailInputText } from 'react-native-inputtext-roundconner';

 const [getEmail, setEmail] = useState('')
 
// Inside your component
<EmailInputText
  title="Email"
  placeholder="Enter your email"
  keyboardType="email-address"
  autoCapitalize="none"
  value={emailValue}
  onChangeText={(newEmail) => setEmailValue(newEmail)}
  maxLength={50}
  // Additional props can be passed
/>

2. `PasswordInputText`

A component for handling password input. It includes:

Customizable title, placeholder, and styles
Conditional styling based on password validity and editability
Show/hide password functionality (optional)

Usage Example:

import { PasswordInputText } from 'react-native-inputtext-roundconner';

  const [getPassword, setPassword] = useState('')
  const [getShowPassword, setShowPassword] = useState(false)

  const ShowPassword = () => {
    setShowPassword(!getShowPassword)
  }

// Inside your component
<PasswordInputText
  title="Password"
  placeholder="Enter your password"
  value={getPassword}
  secureTextEntry={true}
  passwordShow={getShowPassword}
  onPressShowPassword={() => ShowPassword()}
  onChangeText={(newPassword) => setPassword(newPassword)}
  maxLength={50}
  // Additional props can be passed
/>