[](https://travis-ci.org/k88hudson/react-formation) [](https://coveralls.io/
npm install react-formation
You can install React Formation from npm by running npm install react-formation. If you are using common js, you can require it like this:
``jsx`
var Formation = require('react-formation');
First, let's define the structure of your form. You can do that by using CreateForm just like how you would use React.createClass, including a render function:
`jsx{3}
var Formation = require('react-formation');
var Form = Formation.CreateForm({
render: function () {
return (
Next, add a
method that returns a schema defining all the fields in the form, and link corresponding inputs with this.linkField:`jsx{3-6,11,14}
var Form = Formation.CreateForm({ getSchema: function () {
return {
name: {required: true}
email: {validations: 'email'}
};
},
render: function () {
return (
);
}});
`Finally, add an onSuccess callback that gets called on a successful submit, and add
as a callback to any submit buttons.`jsx{8-10,21}
var Form = Formation.CreateForm({ getSchema: function () {
return {
name: {required: true}
email: {validations: 'email'}
};
},
onSuccess: function (data) {
console.log(data);
},
render: function () {
return (
);
}});
`Rendering a Form
You can use your new
class just like you would any other React element, including passing props. For example, if you wanted to render it directly into document.body:`jsx
React.render(, document.body);
``Check out the guide and examples:
* Creating a form
* Schema
* Linking field values
* Submitting
* Errors
* API
* Example: airbnb