https://github.com/bhch/react-json-form

JSON editing made easy using form inputs.
https://github.com/bhch/react-json-form

json-schema-form jsonform react

Last synced: 7 days ago
JSON representation

JSON editing made easy using form inputs.

• Host: GitHub
• URL: https://github.com/bhch/react-json-form
• Owner: bhch
• License: bsd-3-clause
• Created: 2021-08-14T12:47:44.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2024-10-08T02:22:58.000Z (about 1 month ago)
• Last Synced: 2024-10-19T10:25:07.231Z (about 1 month ago)
• Topics: json-schema-form, jsonform, react
• Language: JavaScript
• Homepage: https://bhch.github.io/react-json-form/
• Size: 1.61 MB
• Stars: 94
• Watchers: 2
• Forks: 10
• Open Issues: 14
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-json-form

React Component for editing JSON data using form inputs.

[![npm badge](https://img.shields.io/npm/v/@bhch/react-json-form?color=brightgreen&logo=npm&style=flat-square)][npm]

### Live demo

https://bhch.github.io/react-json-form/playground/

### Documentation

https://bhch.github.io/react-json-form/

###  ⚠️ Important notes

 1. **Consider this library as a work-in-progress** (at least until version 3 which will be a more stable release).

 2. Currently, this library doesn't provide default CSS styles. So, you're required to write

 your own CSS styles. You can also copy the styles from the demo page (see [`docs.css` after `Line 433`](https://github.com/bhch/react-json-form/blob/master/docs/static/css/docs.css#L433)) as a starting point.

 3. Be prepared for breaking changes regarding UI structure and CSS class names. Currently, CSS class names don't

 follow a particular naming standard. But this will change in v3.

 4. Support for UI themes will be added soon.

[npm]: https://www.npmjs.com/package/@bhch/react-json-form/