1.0.0 • Published 1 year ago
react-native-otp-withpaste v1.0.0
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 (mesut.altas2019@gmail.com) ~ mesutche
1.0.0
1 year ago