Quick Form is a form builder that lets you crank out simple forms fast. It's a wrapper for React Hook Form that handles much of the manual setup while still providing enough customization for typical needs. It produces the form based on a configuration, handles both client and server* validation and comes with basic styling.
* When no config or schema are provided, Quick Form defaults as a standard contact form.
- Simple form builder. Contact form by default.
- Custom fields: input, checkbox, textarea and select (more will be added)
- Validation with Zod schemas
- Handles server validation errors (response must be expected type)
- Shows a success component on success and/or fires your onSuccess() function
- Toast support
- Error handling
- Custom header and footer
- Shows a default or custom loader
- Basic CSS provided in both namespaced BEM and CSS module formats
- Unique CSS module support: can provide your own css module styles to internal components without having to write global CSS.
- Typescript
npm install @unleashit/quick-form
Required peer dependencies: react, react-hook-form, @hookform/resolvers and zod.
https://unleashit.github.io/npm-library/components/quickForm