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

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

ant-design antd json-schema react

Last synced: about 1 year ago
JSON representation

Json Schema Editor (antd)

• Host: GitHub
• URL: https://github.com/lin-mt/json-schema-editor-antd
• Owner: lin-mt
• License: mit
• Created: 2022-05-24T05:22:04.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2025-03-22T02:33:44.000Z (about 1 year ago)
• Last Synced: 2025-03-31T10:01:31.513Z (about 1 year ago)
• Topics: ant-design, antd, json-schema, react
• Language: TypeScript
• Homepage: https://lin-mt.github.io/json-schema-editor-antd/
• Size: 9.2 MB
• Stars: 36
• Watchers: 3
• Forks: 16
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# @quiet-front-end/json-schema-editor-antd

[![NPM version](https://img.shields.io/npm/v/@quiet-front-end/json-schema-editor-antd.svg?style=flat)](https://npmjs.org/package/@quiet-front-end/json-schema-editor-antd)

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

![](https://img.shields.io/badge/license-MIT-000000.svg)

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

[Arco Design](https://arco.design/) 风格：https://github.com/lin-mt/json-schema-editor-arco

## Usage

```shell

npm install @quiet-front-end/json-schema-editor-antd

```

```jsx

import { useState } from 'react';

import JsonSchemaEditor from '@quiet-front-end/json-schema-editor-antd';

export default () => {

  const [jsonSchema, setJsonSchema] = useState();

  return (

     {

        setJsonSchema(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

# Locally preview the production build.

$ yarn run docs:preview

# check your project for potential problems

$ yarn run doctor

```

## LICENSE

MIT