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: 24 days 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 (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2025-03-22T02:33:44.000Z (about 1 month ago)
- Last Synced: 2025-03-31T10:01:31.513Z (about 1 month 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
[](https://npmjs.org/package/@quiet-front-end/json-schema-editor-antd)
[](https://npmjs.org/package/@quiet-front-end/json-schema-editor-antd)
[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