import React, { useState } from 'react'; import { Card, CardBody, Col, Container, Row, Form, Button } from 'react-bootstrap'; //import images import logoLight from "../../../../images/logo-light.png"; //formik import { useFormik } from 'formik'; import * as Yup from 'yup'; import { Head, Link } from '@inertiajs/react'; import GuestLayout from '../../../Layouts/GuestLayout'; const BasicSignUp = () => { const [passwordShow, setPasswordShow] = useState(false); const validation = useFormik({ enableReinitialize: true, initialValues: { password: "", }, validationSchema: Yup.object({ password: Yup.string() .min(8, 'Password must be at least 8 characters') .matches(RegExp('(.*[a-z].*)'), 'At least lowercase letter') .matches(RegExp('(.*[A-Z].*)'), 'At least uppercase letter') .matches(RegExp('(.*[0-9].*)'), 'At least one number') .required("This field is required"), }), onSubmit: (values) => { // console.log(values); } }); return (

Premium Admin & Dashboard Template
Create New Account

Get your free velzon account now

Please enter email
Please enter username
Password
{validation.errors.password && validation.touched.password ? ( {validation.errors.password} ) : null}

By registering you agree to the Velzon Terms of Use

Password must contain:

Minimum 8 characters

At lowercase letter (a-z)

At least uppercase letter (A-Z)

A least number (0-9)

Create account with
{" "} {" "} {" "}

Already have an account ? Signin

); }; export default BasicSignUp;