react-jsonschema

1.0.0 • Public • Published

React JSONSchema

Build Status Coverage Status license

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
  1. Run tests: npm t

References

License

MIT © Vu Tran

Readme

Keywords

none

Package Sidebar

Install

npm i react-jsonschema

Weekly Downloads

0

Version

1.0.0

License

MIT

Last publish

Collaborators

  • vutran