Notice: This repository is no longer maintained, beacuse the author has switched to using react-hook-from and zod. Here is the repository that is being actively mantained
This mantine-next-template integrates Formik as a means of form contol and Yup as form validtion. Input components developed by Mantine can be easily controlled through <FormikController />.
A custom hook useSimpleForm is implemented to solve the problem of boilerplate codes when developers are constructing Formik forms, as shown in src/pages/index.tsx. The simple form example is adapted from Mantine UI, and can be found in src/pages/simple-form.tsx.
First, run the development server:
pnpm dev
# or
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
If you have any questions, please feel free to contact me at rayologist1002@gmail.com