/react-code-input

An input component for inputting verification codes for react

Primary LanguageTypeScriptMIT LicenseMIT

React Code Input

An input component for inputting verification codes for react

license npm version npm issues npm forks npm stars

To use

$ npm i --save react-vcode-input

Usage

import VcodeInput from 'react-vcode-input';

<CodeInput
 fields={6}
 autoFocus
 onFinished={onValueChange}
 inputStyle={{
  marginTop: 0,
	backgroundColor: "transparent",
	marginLeft: "4px"
 }}
/>

Props

Property Type Description
fields number Code length
autoFocus bool Input gets focus automatically
onFinished (value: string) => void Callback function at the end of all input
inputStyle object Style of item

License

MIT