react-otp
Verification input field for React Native and React (using react-native-web
).

Install
yarn add react-otp
npm install react-otp
Properties
Props | Type | Description | Defaults |
---|
autofocus | boolean | auto focus input on mounts | true |
autoClear | boolean | clears input after onSuccess/onFail | false |
backspaceOnly | boolean | input behavior | false |
maxLength | number | length of OTP/PIN/code | 4 |
keyboardType | string | default | numeric |
containerStyle | StyleSheet | - | - |
textStyle | StyleSheet | - | - |
onInputFinish | (code: string) => ?Promise | handler after users fill all slots | - |
onSuccess | () => void | handler after successful attempts | - |
onFailure | () => void | handler after failure | - |
onSuccess()
and onFail()
works only if onInputFinish()
returns a Promise
, and are invoked depending on the result (resolved or rejected).
Ref Properties
You can also set a ref and access the following methods:
getVerificationCode()
: returns the current code inputted by userresetVerificationCode()
: resets input
Peace :v: