React JSONSchema

Create beautiful forms with JSONSchema Inspired by react-jsonschema-form from Mozilla.

Installation

$ npm install --save react-jsonschema

Usage

import Form from 'react-jsonschema';

const schema = {
  "title": "Basic Demo",
  "type": "object",
  "properties": {
    "firstName": {
      "type": "string",
      "title": "First Name",
    },
    "lastName": {
      "type": "string",
      "title": "Last Name",
    },
    "age": {
      "type": "integer",
      "title": "Age",
      "description": "Age in years",
    },
  },
};

const formData = {
  firstName: '',
  lastName: '',
  age: '',
};

ReactDOM.render(
  <Form
    schema={schema}
    formData={formData}
    onError={errors => {
      console.log(errors);
    }}
    onSubmit={data => {
      console.log(data);
    }}
  />,
  document.getElementById('app'),
);

Contributing

1. Clone the repository
2. Install dependencies

With npm:

$ npm install

With yarn:

$ yarn

3. Run tests: npm t

References

• JSON Schema

Support

Like what you see? Become a Patron and support me via a monthly donation.

License

MIT © Vu Tran