Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lin-mt/json-schema-editor-arco

Json Schema Editor (acro)
https://github.com/lin-mt/json-schema-editor-arco

json-schema react

Last synced: 19 days ago
JSON representation

Json Schema Editor (acro)

Awesome Lists containing this project

README

        

# json-schema-editor-arco

[![NPM version](https://img.shields.io/npm/v/@quiet-front-end/json-schema-editor-arco.svg?style=flat)](https://npmjs.org/package/@quiet-front-end/json-schema-editor-arco)
[![NPM downloads](http://img.shields.io/npm/dm/@quiet-front-end/json-schema-editor-arco.svg?style=flat)](https://npmjs.org/package/@quiet-front-end/json-schema-editor-arco)
![](https://img.shields.io/badge/license-MIT-000000.svg)

[Antd Design](https://ant.design/) 风格 https://github.com/lin-mt/json-schema-editor-antd

[Arco Design](https://arco.design/) 风格的 Json Schema 可视化编辑器。

## Usage

```shell
npm install @quiet-front-end/json-schema-editor-arco
```

```jsx
import { useState } from 'react';
import JsonSchemaEditor from '@quiet-front-end/json-schema-editor-arco';

export default () => {
const [jsonData, setJsonData] = useState({});
return (
{
setJsonData(data);
}}
/>
);
};
```

## Development

```bash
# install dependencies
$ yarn install

# develop library by docs demo
$ yarn start

# build library source code
$ yarn run build

# build library source code in watch mode
$ yarn run build:watch

# build docs
$ yarn run docs:build

# check your project for potential problems
$ yarn run doctor
```

## LICENSE

MIT