Package Exports

rapid-form

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (rapid-form) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Rapid Form

The rapid-form npm package is a tool designed to simplify the creation and management of forms in web applications. It provides a streamlined way to handle form state, validation, and submission, making it easier for developers to implement complex forms without having to write repetitive boilerplate code.

Please refer to the interactive documentation that will provide you with all the necessary information about the involved hook and help you get started in a snap.

Installation

  # NPM
  npm install rapid-form

  # YARN
  yarn add rapid-form

  #PNPM
  pnpm add rapid-form

Quick Start

import { useRapidForm } from 'rapid-form'

function App() {
  const { refValidation, errors } = useRapidForm()

  const  handleSubmit = () => {
    // check errors
  }

  return (
    <form
      id="rapidForm"
      ref={(ref) => {
        refValidation(ref)
      }}
      autoComplete="off"
      onSubmit={handleSubmit}
    >
      <input name="username" placeholder="Username" required />
      {errors.username?.message}
      // OR
      {errors.username && yourI18Label[errors.username.code]}
      <label>Email:</label>
      <input name="email" type="email" required />
      {errors.email?.message}
      <label>Age:</label>
      <input name="age" required pattern="\d+" />
      {errors.age?.message}
      <button type="submit">Submit</button>
    </form>
  )
}

Contributors

Any contribution is appreciated. You can get started with the steps below:

Fork this repository (learn how to do this here).
Clone the forked repository.
Make your changes and create a pull request (learn how to do this).
I will attend to your pull request and provide some feedback.

Need help?

Ping me on Twitter

License

This repository is licensed under the MIT License.

Don't be shy! 😜

❤️ Sponsor