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 dev
Open 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