How to use ?
import { CodeInput } from "./inputCode"
...
export default () => {
const [code, setCode] = useState("")
return <CodeInput values={code} title="Enter your digit code" fields={4} onComplete={(val: string) => setCode(val)} />
}
Properties ?
name | details |
---|---|
fields |
number of boxes, default is 6 |
values |
value is string |
className |
classname of wrapper |
onChange |
event's fired when one box get updated |
onComplete |
event's fired when one box get updated |
Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.