Skip to content

3.0.0-beta.2 - Material UI 5.0.0 Integration

Compare
Choose a tag to compare
@vip-git vip-git released this 20 Sep 00:42
· 188 commits to main since this release
b3ea678

This release marks full support for MUI 5 (Breaking change)

  • From this release onwards we will be supporting MUI 5 as released by Material UI
  • This release also marks the very first beta version with universal schema integration - In future releases more information on this will be given in detail on its use.
  • From this release onwards you can leverage theme property when initialising the form to provide Material UI Theme object .
npm install --save react-jsonschema-form-material-ui@3.0.0-beta.2

Please use MUI 4 release in case you dont plan to upgrade to MUI 5.

Demo URL:

CRA Example URL:

NextJS Example URL:

Previously:

Next Releases

Demo URL: https://react-jsonschema-form-material-ui.github56.now.sh

Example Usage:

  • Form Schema
{
  "title": "Auto Complete example",
  "description": "Example demo for Material UI Autocomplete component usage",
  "type": "object",
  "properties": {
    "auto-complete": {
        "type": "string", // For multi-select this can be "array"
        "title": "Example Auto Complete",
        "enum": [
            "Yes",
            "No"
        ]
    }
  }
}
  • UI Schema
{
    "auto-complete": {
        "ui:widget": "material-auto-complete",
        "ui:props": { // Available props support come from https://material-ui.com/api/autocomplete/#props
            "disableClearable": false
        }
    }
}
  • Form Data
{}