react-native-otp-withpaste

1.0.0 • Public • Published

React Native OTP With Paste

# react-native-otp-withpaste

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

Outline Example

Filled Example

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 (mesut.altas2019@gmail.com) ~ mesutche

Package Sidebar

Install

npm i react-native-otp-withpaste

Weekly Downloads

4

Version

1.0.0

License

ISC

Unpacked Size

12.2 kB

Total Files

7

Last publish

Collaborators

  • mesutche