@unleashit/quick-form
TypeScript icon, indicating that this package has built-in type declarations

2.0.4 • Public • Published

Quick Form

NPM npm (scoped) npm bundle size

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

Features

  • 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

Install

npm install @unleashit/quick-form

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

Documentation

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

Demo

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

Package Sidebar

Install

npm i @unleashit/quick-form

Weekly Downloads

2

Version

2.0.4

License

MIT

Unpacked Size

602 kB

Total Files

39

Last publish

Collaborators

  • unleashit