BearStudio / formiz

🐜 React forms with ease! Composable, headless & with built-in multi steps
https://formiz-react.com/
MIT License
390 stars 50 forks source link
form form-validation form-validation-react formiz forms hacktoberfest multi-step-form react typescript wizard

Formiz

Documentation | Examples

npm install @formiz/core

πŸ‘‰ Getting Started

Features

Concept

The idea behind Formiz is to allows you to build advanced forms with multiple steps, complex validations and a good UX without pain.

The main idea is to build fields as independent reusable components. Fields can be anything, not just inputs. Once you have built your fields, you can use them everywhere.

When you use a field built with Formiz, you can apply validations on it. Only the mounted fields will apply their validation to the current step and to the form.

// Field Example
<MyField
  name="email"
  type="email"
  required="Email is required"
  validations={[
    {
      handler: isEmail(),
      message: "Not a valid email",
    },
  ]}
/>

Contributing

Installation

Requirements

pnpm install

Development

pnpm dev

Sponsors

Thanks to our sponsors. Become one of them.

<a target = _blank href = 'https://bearstudio.fr' /> <img width = 94 src = 'https://images.opencollective.com/bearstudio/6e72b13/logo/256.png' />