@unleashit/quick-form

$3


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.

!quick form

$3

- 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

$3

``
npm install @unleashit/quick-form
``

Required peer dependencies: react, react-hook-form, @hookform/resolvers and zod.

$3

https://unleashit.github.io/npm-library/components/quickForm

$3

https://npm-library-demo.vercel.app/quick-form