Skip to content

BearStudio/formiz

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Formiz

Documentation | Examples

npm install @formiz/core

πŸ‘‰ Getting Started

Features

  • πŸ— Composable API and validations
  • πŸ§™β€ Built-in multi steps
  • πŸ’… Headless, build your own UX!
  • πŸ“‹ Turn everything into fields
  • βš›οΈ Built with Typescript & hooks
  • πŸ“± React Native compatible

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.