3.0.0-beta.2 - Material UI 5.0.0 Integration

[vip-git]

This release marks full support for MUI 5

• 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 [email protected]

Demo URL:

• https://react-jsonschema-form-material-ui-github56.vercel.app

CRA Example URL:

• https://cra-react-jsonschema-form-material-ui-example.vercel.app

NextJS Example URL:

• https://nextjs-react-jsonschema-form-material-ui-example.vercel.app/

Previously:

• This minor release adds support for Material UI Autocomplete Component.
• Some bug fixes on array schema types.

Next Releases

• Next release onwards we will move to beta.x followed by rc.x to finalize 3.0.0
• Support for Material UI 5 - Autocomplete will be included in future pre-releases tagged -mui-5 similar previous example release.

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

{}

---

This discussion was created from the release 3.0.0-beta.2 - Material UI 5.0.0 Integration.

[msueping]

Hi. I've been trying to get the Tabs example to work but cannot. I'm able to show the tabs and the contents of the first tab only. If I click on any other tab, nothing happens. I see no errors in the console either.

I am using your latest version (3.0.0. beta 2) along with the latest Material UI v5.

I am able to copy all of the other example schemas shown in the showcase and get them to work in my code. It is only the two examples that use the tabs that don't do anything when I click on a tab other than the first one. Do you have any idea why that would be happening?

Is there any chance that you'd be able to put these examples on codepen or codesandbox?

BTW, here's a screen shot showing how it looks in my test project. When I click "Change Data" nothing happens. It's rendered in a dialog and I'm not sure if that has anything to do with it.

[vip-git]

Hi @msueping - Sorry for the delayed reply. Would have helped if it was created as a issue .

Are you able to share your ui-schema.json , schema.json for this UI as well ?

Thanks - V