React-Form

A powerful and lightweight form library for React.

Update: V3 is comming!

We are actively working on V3 of React Form. This update will include many enhancements including field level validation, and a simplified interface. Stay tuned! For additional information we have created a Git issue called React Form 3.0.

Go to live examples, code and docs!

Intro

Say hello to the best react form library you have ever used! react-form is an extensive, simple, and efficient solution for creating simple to complex forms in react. Out of the box you get the ability to grab and manipulate values; set errors, warnings, and successes; customize your inputs, perform asynchronous validation, and much more! If you want to check out the cool stuff and how to use this library, head over to the docs here.

Motivation

Simplicity and efficiency. This form works in IE! and its fast! There are many other libraries that exist, but they don't function in IE and, can get pretty complex. You can create very complex forms quickly, with only a few lines of code.

Installation

npm install --save react-form

Basic usage

import { Form, Text } from 'react-form';

const ExampleForm = ( ) => {
  return (
    <Form>
    { formApi => (
      <form onSubmit={formApi.submitForm} id="form1">
        <label htmlFor="hello">Hello World</label>
        <Text field="hello" id="hello" />
        <button type="submit">Submit</button>
      </form>
    )}
    </Form>
  );
}

---

---

Examples & Documentation

Go here for examples and documentation for 2.x.x of React-Form.

Older versions:

• Version 1.x.x