import React from 'react'; import { Button, Card, Col, Container, Row, } from 'react-bootstrap'; //import images import logoLight from "../../../../images/logo-light.png"; import { Head, Link } from '@inertiajs/react'; import GuestLayout from '../../../Layouts/GuestLayout'; const BasicTwosVerify = () => { const getInputElement = (index: number): HTMLInputElement => { return document.getElementById('digit' + index + '-input') as HTMLInputElement; }; const movehrefNext = (index: any) => { if (getInputElement(index).value.length === 1) { if (index !== 4) { getInputElement(index + 1).focus(); } else { getInputElement(index).blur(); // Submit code console.log('submit code'); } } } return (

Premium Admin & Dashboard Template

Verify Your Email

Please enter the 4 digit code sent href example@abc.com

Digit 1 movehrefNext(1)} />

Digit 2 movehrefNext(2)} />

Digit 3 movehrefNext(3)} />

Digit 4 movehrefNext(4)} />

Didn't receive a code ? Resend

); }; export default BasicTwosVerify;