Get Started

Installation

npm install react-native-otp-withpaste

Usage

import React,{useState} from 'react';
import OTPInput from 'react-native-otp-withpaste';

const App = () => {
  const [pasted, setpasted] = useState(null);
  
  return (
    <>
      <OTPInput
        title="Enter OTP"
        type="outline"
        onChange={code => {
          console.log(code);
        }}
        onPasted={pasted}
      />
    </>
  );
};

export default App;

Usage

Available props

| Name | Type | Default | |---------------------------|----------------------| ----------------| | type | filled or outline | outline | | defaultValue | string | "" | | keyboardType | string | number-pad | | cursorColor | string | #4C5457 | | borderColor | string | #8FA2A3 | | currentBorderColor | string | #3E517A | | numberOfInputs | number | 4 | | imageUrl | string | null | | imageStyle | style | Image style | | title | string | null | | titleStyle | style | Text style | | subtitle | string | null | | subtitleStyle | style | Text style | | inputStyle | style | TextInput style | | onFilledCode | boolean | false | | onChange | function | {} | | secureTextEntry | boolean | false | | onPasted | string | null |

Author

Feel free to ask me questions ([email protected]) ~ mesutche