Overview:

React Json Schema Form (Mui) is a Material UI port of jsonschema-form. It provides a live playground and detailed documentation for easy installation and usage. It supports JSONSchema-Draft-7 and has upgraded to webpack 5 for a more efficient build system. The latest version includes new features such as tabs UI, additional properties and items, and the ability to reference schemas via HTTP and inline references. It also supports alternatives and dependencies, and provides error handling and control over UI-specific data. The project welcomes contributions and offers guidelines for building and testing the code locally.

Features:

• Material UI port of jsonschema-form
• Live playground and detailed documentation
• Support for JSONSchema-Draft-7
• Upgraded build system to webpack 5
• New tabs UI to divide sub sections
• Additional properties and items feature enabled
• Support for referencing schemas via HTTP and inline references
• Support for alternatives (oneOf, anyOf, allOf) and dependencies
• Error handling using the onError prop
• UI-specific data control using the uiData prop
• Demo updated with monaco editor and live validation changes
• Interceptors to transform form and uiData using uiSchema - ui:interceptor

Installation:

To install React Json Schema Form (Mui), you can use npm. If you are using MUI 5 or later, run the following command:

npm install react-jsonschema-form-mui

For the legacy version of MUI 4 or earlier, please refer to the Releases page and use the appropriate tags.

Summary:

React Json Schema Form (Mui) is a powerful tool for creating forms based on JSON schemas. It provides a seamless integration with Material UI and offers a variety of features to enhance form creation and customization. With support for the latest JSONSchema-Draft-7, upgraded build system, and new UI enhancements, it is a comprehensive solution for building dynamic, user-friendly forms. The project also encourages community contributions and provides guidelines for building and testing the code locally.