# json-schema-editor-react16

> React based editor for JSON Schemas

Latest version **0.2.30** (published 2018-01-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install json-schema-editor-react16
pnpm add json-schema-editor-react16
yarn add json-schema-editor-react16
bun add json-schema-editor-react16
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.2.30 |
| Published | 2018-01-07 |
| First published | 2018-01-06 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | zadkiel |

## Links

- npm: https://www.npmjs.com/package/json-schema-editor-react16
- Repository: https://github.com/aslafy-z/json-schema-editor
- npm.io page: https://npm.io/package/json-schema-editor-react16

## Dependencies (3)

- [react](https://npm.io/package/react.md) ^16.2.0
- [react-dom](https://npm.io/package/react-dom.md) ^16.2.0
- [prop-types](https://npm.io/package/prop-types.md) ^15.6.0

## Recent versions

- 0.2.30 (latest) — 2018-01-07
- 0.2.29 — 2018-01-07
- 0.2.28 — 2018-01-06
- 0.2.27 — 2018-01-06
- 0.2.26 — 2018-01-06
- 0.2.25 — 2018-01-06
- 0.2.24 — 2018-01-06
- 0.2.23 — 2018-01-06
- 0.2.22 — 2018-01-06
- 0.2.21 — 2018-01-06
- 0.2.20 — 2018-01-06
- 0.2.19 — 2018-01-06
- 0.2.18 — 2018-01-06
- 0.2.17 — 2018-01-06
- 0.2.16 — 2018-01-06
- … 12 more at https://npm.io/package/json-schema-editor-react16/versions

## README

# JSON Schema Editor

![npm badge](https://badge.fury.io/js/json-schema-editor.svg)

Generates HTML for creating and modifying [json schemas](http://json-schema.org). I created this because [json-editor](https://github.com/jdorn/json-editor) is not good at modifying schemas (using the [meta schema](http://json-schema.org/schema)) and couldn't find any other good UI for making json schemas.

## Getting started
--------------------
1. Make sure React is loaded on your page. Read more at [facebook/react](https://github.com/facebook/react#installation).

2. Include JSON Schema Editor

  - Using npm:

  ```sh
  npm install json-schema-editor
  ```

  ```javascript
  import JSONSchemaEditor from 'json-schema-editor';
  ```

3. Initialize the component

```javascript
render() {
  return (
    <JSONSchemaEditor
      data={{}}
      onChange={console.log}
    />
  );
}
```

## Example
-------------
Here is what the [product schema](http://json-schema.org/example1.html) example looks like rendered.

![JSON Schema Editor Example](https://cloud.githubusercontent.com/assets/406149/14623022/a1a3c96e-058b-11e6-9cef-0b61ff242e8d.png)

## Todo
* Add support for the description field.
* exclusiveMinimum and exclusiveMaximum, are these even necessary?
* refs
* definitions
* patternProperties
* allOf, anyOf, oneOf

---
_Source: https://npm.io/package/json-schema-editor-react16 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._