Skip to content

VKhomiuk/react-native-otp-forminput

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

RNOTP Logo

# react-native-otp-forminput

Get Started

Installation

npm install react-native-otp-forminput

Usage

import React from 'react';
import OTPInput from 'react-native-otp-forminput';

const App = () => {
  return (
    <>
      <OTPInput
        title="Enter OTP"
        type="outline"
        onChange={code => {
          console.log(code);
        }}
      />
    </>
  );
};

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

Author

Feel free to ask me questions here - @kedar09!

About

OTP Input for React Native

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%