react-garden/src/pages/forms/form-validation/index.js

React + TypeScript + ThreeJS app using Material UI on NextJS, Apollo Client, GraphQL + WordPress REST APIs, for ThreeD web development.. a part of the threed.ai code family.

// ** MUI Imports
import Grid from '@mui/material/Grid'
import Link from '@mui/material/Link'
import Typography from '@mui/material/Typography'

// ** Custom Components Imports
import PageHeader from '~/@core/components/page-header'

// ** Demo Components Imports
import FormValidationBasic from '~/views/forms/form-validation/FormValidationBasic'
import FormValidationAsync from '~/views/forms/form-validation/FormValidationAsync'
import FormValidationSchema from '~/views/forms/form-validation/FormValidationSchema'

// ** Third Party Styles Imports
// import 'react-datepicker/dist/react-datepicker.css'

const FormValidation = () => {
  return (
    <Grid container spacing={6} className='match-height'>
      <PageHeader
        title={
          <Typography variant='h5'>
            <Link href='https://github.com/react-hook-form/react-hook-form' target='_blank'>
              React Hook Form
            </Link>
          </Typography>
        }
        subtitle={<Typography variant='body2'>React Hooks for forms validation (Web + React Native)</Typography>}
      />
      <Grid item xs={12}>
        <FormValidationBasic />
      </Grid>
      <Grid item xs={12} md={6}>
        <FormValidationSchema />
      </Grid>
      <Grid item xs={12} md={6}>
        <FormValidationAsync />
      </Grid>
    </Grid>
  )
}

export default FormValidation